Added list-style-type (ordered and unordered) classes to prototype mode

This Adds these below classes:
Unordered: `ul.list-none`, `ul.list-disc`, `ul.list-circle`, `ul.list-square`
Ordered: `ol.list-none`, `ol.list-decimal`, `ol.list-lower-alpha`, `ol.list-lower-latin`, `ol.list-lower-roman`, `ol.list-upper-alpha`, `ol.list-upper-latin`, `ol.list-upper-roman`

diff --git a/scss/prototype/_list-style-type.scss b/scss/prototype/_list-style-type.scss
new file mode 100644 (file)
index 0000000..148474e
--- /dev/null
+++ b/scss/prototype/_list-style-type.scss
@@ -0,0 +1,66 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-list-style-type
+////
+
+/// Responsive breakpoints for list style-type, defaulted to global-prototype-responsive-breakpoints.
+/// @type Boolean
+$prototype-list-style-type-responsive-breakpoints: $global-prototype-responsive-breakpoints !default;
+
+@mixin list-unordered {
+  @each $style-type-unordered in (none, disc, circle, square) {
+    ul.list-#{$style-type-unordered} {
+      margin-#{$global-left}: 0;
+      list-style-type: $style-type-unordered;
+    }
+  }
+
+  @if ($prototype-list-style-type-responsive-breakpoints) {
+    // Loop through Responsive Breakpoints
+    @each $size in $breakpoint-classes {
+      @include breakpoint($size) {
+        @each $style-type-unordered in (none, disc, circle, square) {
+          @if $size != $-zf-zero-breakpoint {
+            ul.#{$size}-list-#{$style-type-unordered} {
+              margin-#{$global-left}: 0;
+              list-style-type: $style-type-unordered;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+@mixin list-ordered {
+  @each $style-type-ordered in (none, decimal, lower-alpha, lower-latin, lower-roman, upper-alpha, upper-latin, upper-roman) {
+    ol.list-#{$style-type-ordered} {
+      margin-#{$global-left}: 0;
+      list-style-type: $style-type-ordered;
+    }
+  }
+
+  @if ($prototype-list-style-type-responsive-breakpoints) {
+    // Loop through Responsive Breakpoints
+    @each $size in $breakpoint-classes {
+      @include breakpoint($size) {
+        @each $style-type-ordered in (none, decimal, lower-alpha, lower-latin, lower-roman, upper-alpha, upper-latin, upper-roman) {
+          @if $size != $-zf-zero-breakpoint {
+            ol.#{$size}-list-#{$style-type-ordered} {
+              margin-#{$global-left}: 0;
+              list-style-type: $style-type-ordered;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+@mixin foundation-prototype-list-style-type {
+  @include list-unordered;
+  @include list-ordered;
+}
\ No newline at end of file

diff --git a/scss/prototype/_prototype.scss b/scss/prototype/_prototype.scss
index bb722b72d2448306fc95e59e8be8451a7d3ac4f5..1f659263eff94d23683d77ea59d7664392d1a6d5 100644 (file)
--- a/scss/prototype/_prototype.scss
+++ b/scss/prototype/_prototype.scss
@@ -27,9 +27,15 @@
 // Font Styling
 @import 'font-styling';
 
+// List Style type
+@import 'list-style-type';
+
 // Position Helpers
 @import 'position';
 
+// Visibility classes
+// @import 'visibility';
+
 // Spacing Utilities
 // @import 'spacing';
 
@@ -56,5 +62,6 @@
   @include foundation-prototype-text-transformation;
   @include foundation-prototype-text-decoration;
   @include foundation-prototype-font-styling;
+  @include foundation-prototype-list-style-type;
   @include foundation-prototype-position;
 }