]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
Display Classes: Added `display-table`
authorharry <harmanmanchanda182@gmail.com>
Sun, 12 Mar 2017 06:11:48 +0000 (11:41 +0530)
committerharry <harmanmanchanda182@gmail.com>
Sun, 12 Mar 2017 06:11:48 +0000 (11:41 +0530)
docs/pages/prototyping.md
scss/prototype/_display.scss

index 8a551c94b8cb876e863a39c87698536e46a57398..0cf5fd1f8046f8138e8480a82fc4b4baa2d15e70 100644 (file)
@@ -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)
index 84001e441735269b67f12ec22c54a28e874582c1..308da6aefb185a5ca09468a982be9d77c26e376a 100644 (file)
@@ -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`