From: harry <harmanmanchanda182@gmail.com>
Date: Sun, 12 Mar 2017 06:11:48 +0000 (+0530)
Subject: Display Classes: Added `display-table`
X-Git-Tag: v6.4.0-rc1~23^2~20^2~11
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=88301e8da5b9a6309b36c06de7487ce1e80c3b6a;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Display Classes: Added `display-table`
---

diff --git a/docs/pages/prototyping.md b/docs/pages/prototyping.md
index 8a551c94b..0cf5fd1f8 100644
--- a/docs/pages/prototyping.md
+++ b/docs/pages/prototyping.md
@@ -594,6 +594,7 @@ Display classes helps to display the elements in specific positions inside any o
 <div class="display-inline"></div>
 <div class="display-inline-block"></div>
 <div class="display-block"></div>
+<div class="display-table"></div>
 ``` 
 
 By default, we have just added the most used display classes. but as you would know, there are many other display classes as specified by MDN [here](https://developer.mozilla.org/en-US/docs/Web/CSS/display). If you need some of those classes, then you can add them easily through Sass variables with `$prototype-display`. Sass Reference [here](#sass-reference)
diff --git a/scss/prototype/_display.scss b/scss/prototype/_display.scss
index 84001e441..308da6aef 100644
--- a/scss/prototype/_display.scss
+++ b/scss/prototype/_display.scss
@@ -13,7 +13,7 @@ $prototype-display-breakpoints: $global-prototype-breakpoints !default;
 /// Map containing all the `display` classes
 /// @type Map
 $prototype-display: (
-  none, inline, inline-block, block
+  none, inline, inline-block, block, table
 ) !default;
 
 /// Display classes, by default coming through a map `$prototype-display`