// Foundation for Sites by ZURB // foundation.zurb.com // Licensed under MIT Open Source
//// /// @group prototype-list-style-type ////
/// Responsive breakpoints for list styling types /// @type Boolean $prototype-list-breakpoints: $global-prototype-breakpoints !default;
/// Map containing all the `style-type-unordered` classes /// @type Map $prototype-style-type-unordered: (
disc, circle, square
) !default;
/// Map containing all the `style-type-ordered` classes /// @type Map $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 !important;
}
/// 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 !important;
}
@mixin list-unordered {
@each $style-type-unordered in $prototype-style-type-unordered { ul.list-#{$style-type-unordered} { @include style-type-unordered($style-type-unordered); } } @if ($prototype-list-breakpoints) { // Loop through Responsive Breakpoints @each $size in $breakpoint-classes { @include breakpoint($size) { @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 { ol.list-#{$style-type-ordered} { @include style-type-ordered($style-type-ordered); } } @if ($prototype-list-breakpoints) { // Loop through Responsive Breakpoints @each $size in $breakpoint-classes { @include breakpoint($size) { @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); } } } } } }
}
@mixin foundation-prototype-list-style-type {
@include list-unordered; @include list-ordered;
}