/// 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);
}
// 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);
}
@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);
}
// 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);