Merge pull request #7 from Jakobud/develop

Develop

Author: Jakobud

_poly-fluid-sizing.scss

@@ -13,7 +13,7 @@
 /// @example
 ///   @include poly-fluid-sizing('font-size', (576px: 22px, 768px: 24px, 992px: 34px));
 /// @author Jake Wilson <jake.e.wilson@gmail.com>
-@mixin poly-fluid-sizing($properties, $map) {
+@mixin poly-fluid-sizing($property, $map) {
   // Get the number of provided breakpoints
   $length: length(map-keys($map));
 
@@ -26,27 +26,25 @@
   $map: map-sort($map);
   $keys: map-keys($map);
 
-  @each $property in $properties {
-    // Minimum size
-    #{$property}: map-get($map, nth($keys,1));
+  // Minimum size
+  #{$property}: map-get($map, nth($keys,1));
 
-    // Interpolated size through breakpoints
-    @for $i from 1 through ($length - 1) {
-      @media (min-width:nth($keys,$i)) {
-        $value1: map-get($map, nth($keys,$i));
-        $value2: map-get($map, nth($keys,($i + 1)));
-        // If values are not equal, perform linear interpolation
-        @if ($value1 != $value2) {
-          #{$property}: linear-interpolation((nth($keys,$i): $value1, nth($keys,($i+1)): $value2));
-        } @else {
-          #{$property}: $value1;
-        }
+  // Interpolated size through breakpoints
+  @for $i from 1 through ($length - 1) {
+    @media (min-width:nth($keys,$i)) {
+      $value1: map-get($map, nth($keys,$i));
+      $value2: map-get($map, nth($keys,($i + 1)));
+      // If values are not equal, perform linear interpolation
+      @if ($value1 != $value2) {
+        #{$property}: linear-interpolation((nth($keys,$i): $value1, nth($keys,($i+1)): $value2));
+      } @else {
+        #{$property}: $value1;
       }
     }
+  }
 
-    // Maxmimum size
-    @media (min-width:nth($keys,$length)) {
-      #{$property}: map-get($map, nth($keys,$length));
-    }
+  // Maxmimum size
+  @media (min-width:nth($keys,$length)) {
+    #{$property}: map-get($map, nth($keys,$length));
   }
 }