From 62e0daa21d28ee9985d38366439937f109f17bd5 Mon Sep 17 00:00:00 2001 From: harry Date: Sun, 12 Feb 2017 18:50:20 +0530 Subject: [PATCH] Renamed some variables(map) names as per current code --- docs/pages/prototyping.md | 2 +- scss/prototype/_display.scss | 8 ++++---- scss/prototype/_overflow.scss | 12 ++++++------ scss/prototype/_position.scss | 8 ++++---- scss/prototype/_sizing.scss | 4 ++-- scss/prototype/_spacing.scss | 4 ++-- 6 files changed, 19 insertions(+), 19 deletions(-) diff --git a/docs/pages/prototyping.md b/docs/pages/prototyping.md index 479c05914..b54e105f6 100644 --- a/docs/pages/prototyping.md +++ b/docs/pages/prototyping.md @@ -446,7 +446,7 @@ Display classes helps to display the elements in specific positions inside any o
``` -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) --- diff --git a/scss/prototype/_display.scss b/scss/prototype/_display.scss index 9e8b34457..270392e45 100644 --- a/scss/prototype/_display.scss +++ b/scss/prototype/_display.scss @@ -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); diff --git a/scss/prototype/_overflow.scss b/scss/prototype/_overflow.scss index 4157eb287..af469b536 100644 --- a/scss/prototype/_overflow.scss +++ b/scss/prototype/_overflow.scss @@ -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); diff --git a/scss/prototype/_position.scss b/scss/prototype/_position.scss index f0a3b371d..d78e6ac56 100644 --- a/scss/prototype/_position.scss +++ b/scss/prototype/_position.scss @@ -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); diff --git a/scss/prototype/_sizing.scss b/scss/prototype/_sizing.scss index 927d99b97..f7c9a0284 100644 --- a/scss/prototype/_sizing.scss +++ b/scss/prototype/_sizing.scss @@ -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; diff --git a/scss/prototype/_spacing.scss b/scss/prototype/_spacing.scss index f3b24f164..b8b7c62a8 100644 --- a/scss/prototype/_spacing.scss +++ b/scss/prototype/_spacing.scss @@ -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); -- 2.47.2