From: harry <harmanmanchanda182@gmail.com>
Date: Fri, 3 Feb 2017 15:17:53 +0000 (+0530)
Subject: Added list-style-type (ordered and unordered) classes to prototype mode
X-Git-Tag: v6.4.0-rc1~23^2~20^2~152
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=82b9de3f9d4e4bfecaec9dd6b2813db14e27fb32;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

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
index 000000000..148474e4d
--- /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 bb722b72d..1f659263e 100644
--- 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;
 }