From: harry Date: Sun, 12 Feb 2017 11:08:09 +0000 (+0530) Subject: Added parameters/docs mixins to list styling X-Git-Tag: v6.4.0-rc1~23^2~20^2~62 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=1f9ce4f49cc3f9d9e05976fdee58f7ff6f09a07e;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Added parameters/docs mixins to list styling - style-type-unordered [] Style type for unordered Lists - style-type-ordered [] Style type for ordered Lists --- diff --git a/scss/prototype/_list-style-type.scss b/scss/prototype/_list-style-type.scss index 1b915c7f3..ef988ab5e 100644 --- a/scss/prototype/_list-style-type.scss +++ b/scss/prototype/_list-style-type.scss @@ -12,26 +12,31 @@ $prototype-list-breakpoints: $global-prototype-breakpoints !default; /// Map containing all the `style-type-unordered` classes /// @type Map -$prototype-style-type-unordered-classes: ( +$prototype-style-type-unordered: ( disc, circle, square ) !default; /// Map containing all the `style-type-ordered` classes /// @type Map -$prototype-style-type-ordered-classes: ( +$prototype-style-type-ordered: ( decimal, lower-alpha, lower-latin, lower-roman, upper-alpha, upper-latin, upper-roman ) !default; + +/// Style type for unordered Lists, by default coming through a map `$prototype-style-type-unordered` +/// @param {String} $style-type-unordered [] Style type for unordered Lists @mixin style-type-unordered($style-type-unordered) { list-style-type: $style-type-unordered; } +/// Style type for ordered Lists, by default coming through a map `$prototype-style-type-ordered` +/// @param {String} $style-type-ordered [] Style type for ordered Lists @mixin style-type-ordered($style-type-ordered) { list-style-type: $style-type-ordered; } @mixin list-unordered { - @each $style-type-unordered in $prototype-style-type-unordered-classes { + @each $style-type-unordered in $prototype-style-type-unordered { ul.list-#{$style-type-unordered} { @include style-type-unordered($style-type-unordered); } @@ -41,7 +46,7 @@ $prototype-style-type-ordered-classes: ( // Loop through Responsive Breakpoints @each $size in $breakpoint-classes { @include breakpoint($size) { - @each $style-type-unordered in $prototype-style-type-unordered-classes { + @each $style-type-unordered in $prototype-style-type-unordered { @if $size != $-zf-zero-breakpoint { ul.#{$size}-list-#{$style-type-unordered} { @include style-type-unordered($style-type-unordered); @@ -54,7 +59,7 @@ $prototype-style-type-ordered-classes: ( } @mixin list-ordered { - @each $style-type-ordered in $prototype-style-type-ordered-classes { + @each $style-type-ordered in $prototype-style-type-ordered { ol.list-#{$style-type-ordered} { @include style-type-ordered($style-type-ordered); } @@ -64,7 +69,7 @@ $prototype-style-type-ordered-classes: ( // Loop through Responsive Breakpoints @each $size in $breakpoint-classes { @include breakpoint($size) { - @each $style-type-ordered in $prototype-style-type-ordered-classes { + @each $style-type-ordered in $prototype-style-type-ordered { @if $size != $-zf-zero-breakpoint { ol.#{$size}-list-#{$style-type-ordered} { @include style-type-ordered($style-type-ordered);