]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
Renamed some variables(map) names as per current code
authorharry <harmanmanchanda182@gmail.com>
Sun, 12 Feb 2017 13:20:20 +0000 (18:50 +0530)
committerharry <harmanmanchanda182@gmail.com>
Sun, 12 Feb 2017 13:20:20 +0000 (18:50 +0530)
docs/pages/prototyping.md
scss/prototype/_display.scss
scss/prototype/_overflow.scss
scss/prototype/_position.scss
scss/prototype/_sizing.scss
scss/prototype/_spacing.scss

index 479c059145eba1e1afb3935390fd6905ef7fa23c..b54e105f6dc2f58d8e8f58e98cf722bdeeb5e4d9 100644 (file)
@@ -446,7 +446,7 @@ Display classes helps to display the elements in specific positions inside any o
 <div class="display-block"></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-classes`. Sass Reference [here](#sass-reference)
+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 9e8b34457d0ccf05c8fddd90087fd3cbed0f1e4f..270392e45ea0bc3e20f453a2ee610f2b18760e90 100644 (file)
@@ -12,18 +12,18 @@ $prototype-display-breakpoints: $global-prototype-breakpoints !default;
 
 /// Map containing all the `display` classes
 /// @type Map
-$prototype-display-classes: (
+$prototype-display: (
   none, inline, inline-block, block
 ) !default;
 
-/// Display classes, by default coming through a map `$prototype-display-classes`
+/// Display classes, by default coming through a map `$prototype-display`
 /// @param {String} $display [] Display classes
 @mixin display($display) {
     display: $display !important;
 }
 
 @mixin foundation-prototype-display {
-  @each $display in $prototype-display-classes {
+  @each $display in $prototype-display {
     .display-#{$display} {
        @include display($display);
     }
@@ -33,7 +33,7 @@ $prototype-display-classes: (
     // Loop through Responsive Breakpoints
     @each $size in $breakpoint-classes {
       @include breakpoint($size) {
-        @each $display in $prototype-display-classes {
+        @each $display in $prototype-display {
           @if $size != $-zf-zero-breakpoint {
             .#{$size}-display-#{$display} {
               @include display($display);
index 4157eb2876666f98ef3b6bdda6a8df830eba1a74..af469b536b3b61b7b630e1665a3ad4612e2d8e5c 100644 (file)
@@ -12,30 +12,30 @@ $prototype-overflow-breakpoints: $global-prototype-breakpoints !default;
 
 /// Map containing all the `overflow` classes
 /// @type Map
-$prototype-overflow-classes: (
+$prototype-overflow: (
   visible, hidden, scroll
 ) !default;
 
-/// Overflow classes, by default coming through a map `$prototype-overflow-classes`
+/// Overflow classes, by default coming through a map `$prototype-overflow`
 /// @param {String} $overflow [] Overflow classes
 @mixin overflow($overflow) {
     overflow: $overflow;
 }
 
-/// Overflow classes on horizontal axis, by default coming through a map `$prototype-overflow-classes`
+/// Overflow classes on horizontal axis, by default coming through a map `$prototype-overflow`
 /// @param {String} $overflow [] Overflow classes (horizontal axis)
 @mixin overflow-x($overflow) {
     overflow-x: $overflow;
 }
 
-/// Overflow classes on vertical axis, by default coming through a map `$prototype-overflow-classes`
+/// Overflow classes on vertical axis, by default coming through a map `$prototype-overflow`
 /// @param {String} $overflow [] Overflow classes (vertical axis)
 @mixin overflow-y($overflow) {
     overflow-y: $overflow;
 }
 
 @mixin foundation-prototype-overflow {
-  @each $overflow in $prototype-overflow-classes {
+  @each $overflow in $prototype-overflow {
     .overflow-#{$overflow} {
       @include overflow($overflow);
     }
@@ -51,7 +51,7 @@ $prototype-overflow-classes: (
     // Loop through Responsive Breakpoints
     @each $size in $breakpoint-classes {
       @include breakpoint($size) {
-        @each $overflow in $prototype-overflow-classes {
+        @each $overflow in $prototype-overflow {
           @if $size != $-zf-zero-breakpoint {
             .#{$size}-overflow-#{$overflow} {
               @include overflow($overflow);
index f0a3b371d66767388fc478b3fa27bbda95dfe432..d78e6ac56dd83102d205825fe6ea7af8a65692cc 100644 (file)
@@ -12,7 +12,7 @@ $prototype-position-breakpoints: $global-prototype-breakpoints !default;
 
 /// Map containing all the `position` classes
 /// @type Map
-$prototype-position-classes: (
+$prototype-position: (
   static, relative, absolute, fixed
 ) !default;
 
@@ -20,7 +20,7 @@ $prototype-position-classes: (
 /// @type Number
 $prototype-position-z-index: 975 !default;
 
-/// Position classes, by default coming through a map `$prototype-position-classes`
+/// Position classes, by default coming through a map `$prototype-position`
 /// @param {String} $position [] Position classes
 @mixin position($position) {
   position: $position;
@@ -52,7 +52,7 @@ $prototype-position-z-index: 975 !default;
 
 @mixin foundation-prototype-position {
   // Position: Static, Relative, Fixed, Absolute
-  @each $position in $prototype-position-classes {
+  @each $position in $prototype-position {
     .position-#{$position} {
       @include position($position);
     }
@@ -71,7 +71,7 @@ $prototype-position-z-index: 975 !default;
     @each $size in $breakpoint-classes {
       @include breakpoint($size) {
         // Position: Static, Relative, Fixed, Absolute
-        @each $position in $prototype-position-classes {
+        @each $position in $prototype-position {
           @if $size != $-zf-zero-breakpoint {
             .#{$size}-position-#{$position} {
               @include position($position);
index 927d99b97d9240363e88c6db238b8c4d521654b0..f7c9a0284a7e2466784b805b02a97455d15e087d 100644 (file)
@@ -8,7 +8,7 @@
 
 /// Map containing all the `sizing` classes
 /// @type Map
-$prototype-sizing-classes: (
+$prototype-sizing: (
   width, height
 ) !default;
 
@@ -33,7 +33,7 @@ $prototype-sizes: (
 
 @mixin foundation-prototype-sizing {
   // Element Sizing
-  @each $sizing in $prototype-sizing-classes {
+  @each $sizing in $prototype-sizing {
     @each $size, $percentage in $prototype-sizes {
       .#{$sizing}-#{$size} { 
         #{$sizing}: $percentage; 
index f3b24f16414c9c1295dee47ef7f888626d740b82..b8b7c62a8f4215e7fcd022f342c902c62890dcf1 100644 (file)
@@ -8,7 +8,7 @@
 
 /// Map containing all the `spacing` classes
 /// @type Map
-$prototype-spacing-classes: (
+$prototype-spacing: (
   margin: m, 
   padding: p
 ) !default;
@@ -48,7 +48,7 @@ $prototype-spacers-count: 5 !default;
 }
 
 @mixin foundation-prototype-spacing {
-  @each $prop, $abbrev in $prototype-spacing-classes {
+  @each $prop, $abbrev in $prototype-spacing {
     @each $size, $lengths in $prototype-spacers {
       $length-x:   map-get($lengths, x);
       $length-y:   map-get($lengths, y);