]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
updates copy and example for position mixin
authorRafiBomb <rafi@zurb.com>
Wed, 31 May 2017 14:25:13 +0000 (07:25 -0700)
committerRafiBomb <rafi@zurb.com>
Wed, 31 May 2017 14:25:13 +0000 (07:25 -0700)
docs/pages/prototyping-utils.md

index 5a8da7de192761a7ac0c21b5c01edbad64223bca..2f4c9c1241d00c1d9b68ed4e61e533091232a6e4 100644 (file)
@@ -661,16 +661,18 @@ These cover some of the most used display types. There are many other display va
 Positioning classes help you change an element's position value. By default, an element's postion value is `static`.
 
 ```html
-<div class="position-static"></div>
 <div class="position-relative"></div>
 <div class="position-absolute"></div>
 <div class="position-fixed"></div>
 <div class="position-fixed-top"></div>
 <div class="position-fixed-bottom"></div>
+<div class="position-static"></div>
 ```
 
 #### Positioning: Usage as a Mixin
 
+The position mixin can be used to set a position and to set the `top` `right` `bottom` and/or `left` property all in one.
+
 ```scss
 .foo {
   @include position(fixed, 1, 2, 0, null);
@@ -684,11 +686,11 @@ This above code will generate the below output
   position: fixed !important;
   top: 1rem !important;
   right: 2rem !important;
-  bottom: 0rem !important;
+  bottom: 0 !important;
 }
 ```
 
-See how `left` offset wasn't printed as this mixin also accept `null` as a value. Sass Reference [here](#position)
+See how the `left` offset wasn't printed as this mixin also accepts `null` as a value. Sass Reference [here](#position)
 
 ---