]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
Added parameters/docs mixins to list styling
authorharry <harmanmanchanda182@gmail.com>
Sun, 12 Feb 2017 11:08:09 +0000 (16:38 +0530)
committerharry <harmanmanchanda182@gmail.com>
Sun, 12 Feb 2017 11:08:09 +0000 (16:38 +0530)
- style-type-unordered [] Style type for unordered Lists
- style-type-ordered [] Style type for ordered Lists

scss/prototype/_list-style-type.scss

index 1b915c7f388f94ea9d7d8867fcd6bd0ee2de2e27..ef988ab5ec9b3a8f434139fe62777bb1e8f269c2 100644 (file)
@@ -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);