toolkit 0.2.1 → 0.2.1.1

data/stylesheets/_toolkit.scss

@@ -31,4 +31,4 @@
 //////////////////////////////
 // Import Color Helpers
 //////////////////////////////
-@import 'toolkit/colors';
+@import 'toolkit/colours';

data/stylesheets/toolkit/_colours.scss

@@ -0,0 +1,53 @@
+/// Tint and Shade
+@function tint($colour, $amount) {
+  @return mix(#fff, $colour, $amount);
+}
+
+@function shade($colour, $amount) {
+  @return mix(#000, $colour, $amount);
+}
+
+// Create a colour stack using the given colours and tints
+@function colour-stack($main, $secondary, $amounts...) {
+  @if length($amounts) == 0 {
+    $amounts: 25%, 50%, 75%, 85%, 90%;
+  }
+  @else if length($amounts) == 1 {
+    $amounts: nth($amounts, 1);
+  }
+
+  $stack: $main;
+
+  @each $amount in $amounts {
+    $stack: join($stack, mix($secondary, nth($stack, 1), $amount));
+  }
+
+  @return $stack;
+}
+
+@function color-stack($main, $secondary, $amounts...) {
+  @if length($amounts) > 0 {
+    @return colour-stack($main, $secondary, $amounts);
+  }
+  @else {
+    @return colour-stack($main, $secondary);
+  }
+}
+
+@function tint-stack($colour, $amounts...) {
+  @if length($amounts) > 0 {
+    @return colour-stack($colour, #fff, $amounts);
+  }
+  @else {
+    @return colour-stack($colour, #fff);
+  }
+}
+
+@function shade-stack($colour, $amounts...) {
+  @if length($amounts) > 0 {
+    @return colour-stack($colour, #000, $amounts);
+  }
+  @else {
+    @return colour-stack($colour, #000);
+  }
+}

metadata

@@ -6,7 +6,8 @@ version: !ruby/object:Gem::Version
   - 0
   - 2
   - 1
-  version: 0.2.1
+  - 1
+  version: 0.2.1.1
 platform: ruby
 authors: 
 - Sam Richard
@@ -89,7 +90,7 @@ files:
 - stylesheets/_toolkit.scss
 - stylesheets/toolkit/_border-box.scss
 - stylesheets/toolkit/_clearfix.scss
-- stylesheets/toolkit/_colors.scss
+- stylesheets/toolkit/_colours.scss
 - stylesheets/toolkit/_fluid-media.scss
 - stylesheets/toolkit/_pe.scss
 - stylesheets/toolkit/_vertical-center.scss

data/stylesheets/toolkit/_colors.scss

@@ -1,43 +0,0 @@
-/// Tint and Shade
-@function tint($color, $amount) {
-  @return mix(#fff, $color, $amount);
-}
-
-@function shade($color, $amount) {
-  @return mix(#000, $color, $amount);
-}
-
-// Create a color stack using the given colors and tints
-@function color-stack($main, $secondary, $amounts...) {
-  @if length($amounts) == 0 {
-    $amounts: 25%, 25%, 15%, 10%;
-  }
-
-  $stack: $main;
-  $i: 1;
-
-  @each $amount in $amounts {
-    $stack: join($stack, mix($secondary, nth($stack, $i), $amount));
-    $i: $i + 1;
-  }
-
-  @return $stack;
-}
-
-@function tint-stack($color, $amounts...) {
-  @if length($amounts) > 0 {
-    @return color-stack($color, #fff, $amounts);
-  }
-  @else {
-    @return color-stack($color, #fff);
-  }
-}
-
-@function shade-stack($color, $amounts...) {
-  @if length($amounts) > 0 {
-    @return color-stack($color, #000, $amounts);
-  }
-  @else {
-    @return color-stack($color, #000);
-  }
-}