colorkit 0.4.5

data/stylesheets/colorkit/color-library/_oranges.scss

@@ -0,0 +1,43 @@
+/**
+ * Oranges
+ * 
+ */
+
+$orange: #FFA500 !default;
+
+/**
+ * Tints
+ */
+$orange--tint-stack: tint-stack($orange, $sixths);
+
+$orange--tint-1: nth($orange--tint-stack, 2);
+$orange--tint-2: nth($orange--tint-stack, 3);
+$orange--tint-3: nth($orange--tint-stack, 4);
+$orange--tint-4: nth($orange--tint-stack, 5);
+$orange--tint-5: nth($orange--tint-stack, 6);
+$orange--tint-6: nth($orange--tint-stack, 7);
+
+/**
+ * Tones
+ */
+$orange--tone-stack: tone-stack($orange, $sixths);
+
+$orange--tone-1: nth($orange--tone-stack, 2);
+$orange--tone-2: nth($orange--tone-stack, 3);
+$orange--tone-3: nth($orange--tone-stack, 4);
+$orange--tone-4: nth($orange--tone-stack, 5);
+$orange--tone-5: nth($orange--tone-stack, 6);
+$orange--tone-6: nth($orange--tone-stack, 7);
+
+/**
+ * Shades
+ */
+$orange--shade-stack: shade-stack($orange, $sixths);
+
+$orange--shade-1: nth($orange--shade-stack, 2);
+$orange--shade-2: nth($orange--shade-stack, 3);
+$orange--shade-3: nth($orange--shade-stack, 4);
+$orange--shade-4: nth($orange--shade-stack, 5);
+$orange--shade-5: nth($orange--shade-stack, 6);
+$orange--shade-6: nth($orange--shade-stack, 7);
+

data/stylesheets/colorkit/color-library/_red-oranges.scss

@@ -0,0 +1,43 @@
+/**
+ * Red-Oranges
+ * 
+ */
+
+$red-orange: mix(red, orange) !default;
+
+/**
+ * Tints
+ */
+$red-orange--tint-stack: tint-stack($red-orange, $sixths);
+
+$red-orange--tint-1: nth($red-orange--tint-stack, 2);
+$red-orange--tint-2: nth($red-orange--tint-stack, 3);
+$red-orange--tint-3: nth($red-orange--tint-stack, 4);
+$red-orange--tint-4: nth($red-orange--tint-stack, 5);
+$red-orange--tint-5: nth($red-orange--tint-stack, 6);
+$red-orange--tint-6: nth($red-orange--tint-stack, 7);
+
+/**
+ * Tones
+ */
+$red-orange--tone-stack: tone-stack($red-orange, $sixths);
+
+$red-orange--tone-1: nth($red-orange--tone-stack, 2);
+$red-orange--tone-2: nth($red-orange--tone-stack, 3);
+$red-orange--tone-3: nth($red-orange--tone-stack, 4);
+$red-orange--tone-4: nth($red-orange--tone-stack, 5);
+$red-orange--tone-5: nth($red-orange--tone-stack, 6);
+$red-orange--tone-6: nth($red-orange--tone-stack, 7);
+
+/**
+ * Shades
+ */
+$red-orange--shade-stack: shade-stack($red-orange, $sixths);
+
+$red-orange--shade-1: nth($red-orange--shade-stack, 2);
+$red-orange--shade-2: nth($red-orange--shade-stack, 3);
+$red-orange--shade-3: nth($red-orange--shade-stack, 4);
+$red-orange--shade-4: nth($red-orange--shade-stack, 5);
+$red-orange--shade-5: nth($red-orange--shade-stack, 6);
+$red-orange--shade-6: nth($red-orange--shade-stack, 7);
+

data/stylesheets/colorkit/color-library/_red-violets.scss

@@ -0,0 +1,43 @@
+/**
+ * Red-Violets
+ * 
+ */
+
+$red-violet: mix(red, violet) !default;
+
+/**
+ * Tints
+ */
+$red-violet--tint-stack: tint-stack($red-violet, $sixths);
+
+$red-violet--tint-1: nth($red-violet--tint-stack, 2);
+$red-violet--tint-2: nth($red-violet--tint-stack, 3);
+$red-violet--tint-3: nth($red-violet--tint-stack, 4);
+$red-violet--tint-4: nth($red-violet--tint-stack, 5);
+$red-violet--tint-5: nth($red-violet--tint-stack, 6);
+$red-violet--tint-6: nth($red-violet--tint-stack, 7);
+
+/**
+ * Tones
+ */
+$red-violet--tone-stack: tone-stack($red-violet, $sixths);
+
+$red-violet--tone-1: nth($red-violet--tone-stack, 2);
+$red-violet--tone-2: nth($red-violet--tone-stack, 3);
+$red-violet--tone-3: nth($red-violet--tone-stack, 4);
+$red-violet--tone-4: nth($red-violet--tone-stack, 5);
+$red-violet--tone-5: nth($red-violet--tone-stack, 6);
+$red-violet--tone-6: nth($red-violet--tone-stack, 7);
+
+/**
+ * Shades
+ */
+$red-violet--shade-stack: shade-stack($red-violet, $sixths);
+
+$red-violet--shade-1: nth($red-violet--shade-stack, 2);
+$red-violet--shade-2: nth($red-violet--shade-stack, 3);
+$red-violet--shade-3: nth($red-violet--shade-stack, 4);
+$red-violet--shade-4: nth($red-violet--shade-stack, 5);
+$red-violet--shade-5: nth($red-violet--shade-stack, 6);
+$red-violet--shade-6: nth($red-violet--shade-stack, 7);
+

data/stylesheets/colorkit/color-library/_reds.scss

@@ -0,0 +1,43 @@
+/**
+ * Reds
+ * 
+ */
+
+$red: #FF0000 !default;
+
+/**
+ * Tints
+ */
+$red--tint-stack: tint-stack($red, $sixths);
+
+$red--tint-1: nth($red--tint-stack, 2);
+$red--tint-2: nth($red--tint-stack, 3);
+$red--tint-3: nth($red--tint-stack, 4);
+$red--tint-4: nth($red--tint-stack, 5);
+$red--tint-5: nth($red--tint-stack, 6);
+$red--tint-6: nth($red--tint-stack, 7);
+
+/**
+ * Tones
+ */
+$red--tone-stack: tone-stack($red, $sixths);
+
+$red--tone-1: nth($red--tone-stack, 2);
+$red--tone-2: nth($red--tone-stack, 3);
+$red--tone-3: nth($red--tone-stack, 4);
+$red--tone-4: nth($red--tone-stack, 5);
+$red--tone-5: nth($red--tone-stack, 6);
+$red--tone-6: nth($red--tone-stack, 7);
+
+/**
+ * Shades
+ */
+$red--shade-stack: shade-stack($red, $sixths);
+
+$red--shade-1: nth($red--shade-stack, 2);
+$red--shade-2: nth($red--shade-stack, 3);
+$red--shade-3: nth($red--shade-stack, 4);
+$red--shade-4: nth($red--shade-stack, 5);
+$red--shade-5: nth($red--shade-stack, 6);
+$red--shade-6: nth($red--shade-stack, 7);
+

data/stylesheets/colorkit/color-library/_violets.scss

@@ -0,0 +1,43 @@
+/**
+ * Violets
+ * 
+ */
+
+$violet: violet !default;
+
+/**
+ * Tints
+ */
+$violet--tint-stack: tint-stack($violet, $sixths);
+
+$violet--tint-1: nth($violet--tint-stack, 2);
+$violet--tint-2: nth($violet--tint-stack, 3);
+$violet--tint-3: nth($violet--tint-stack, 4);
+$violet--tint-4: nth($violet--tint-stack, 5);
+$violet--tint-5: nth($violet--tint-stack, 6);
+$violet--tint-6: nth($violet--tint-stack, 7);
+
+/**
+ * Tones
+ */
+$violet--tone-stack: tone-stack($violet, $sixths);
+
+$violet--tone-1: nth($violet--tone-stack, 2);
+$violet--tone-2: nth($violet--tone-stack, 3);
+$violet--tone-3: nth($violet--tone-stack, 4);
+$violet--tone-4: nth($violet--tone-stack, 5);
+$violet--tone-5: nth($violet--tone-stack, 6);
+$violet--tone-6: nth($violet--tone-stack, 7);
+
+/**
+ * Shades
+ */
+$violet--shade-stack: shade-stack($violet, $sixths);
+
+$violet--shade-1: nth($violet--shade-stack, 2);
+$violet--shade-2: nth($violet--shade-stack, 3);
+$violet--shade-3: nth($violet--shade-stack, 4);
+$violet--shade-4: nth($violet--shade-stack, 5);
+$violet--shade-5: nth($violet--shade-stack, 6);
+$violet--shade-6: nth($violet--shade-stack, 7);
+

data/stylesheets/colorkit/color-library/_whites.scss

@@ -0,0 +1,43 @@
+/**
+ * Whites
+ * 
+ */
+
+$white: white(0) !default;
+
+/**
+ * Tints
+ */
+$white--tint-stack: tint-stack($white, $sixths);
+
+$white--tint-1: nth($white--tint-stack, 2);
+$white--tint-2: nth($white--tint-stack, 3);
+$white--tint-3: nth($white--tint-stack, 4);
+$white--tint-4: nth($white--tint-stack, 5);
+$white--tint-5: nth($white--tint-stack, 6);
+$white--tint-6: nth($white--tint-stack, 7);
+
+/**
+ * Tones
+ */
+$white--tone-stack: tone-stack($white, $sixths);
+
+$white--tone-1: nth($white--tone-stack, 2);
+$white--tone-2: nth($white--tone-stack, 3);
+$white--tone-3: nth($white--tone-stack, 4);
+$white--tone-4: nth($white--tone-stack, 5);
+$white--tone-5: nth($white--tone-stack, 6);
+$white--tone-6: nth($white--tone-stack, 7);
+
+/**
+ * Shades
+ */
+$white--shade-stack: shade-stack($white, $sixths);
+
+$white--shade-1: nth($white--shade-stack, 2);
+$white--shade-2: nth($white--shade-stack, 3);
+$white--shade-3: nth($white--shade-stack, 4);
+$white--shade-4: nth($white--shade-stack, 5);
+$white--shade-5: nth($white--shade-stack, 6);
+$white--shade-6: nth($white--shade-stack, 7);
+

data/stylesheets/colorkit/color-library/_yellow-greens.scss

@@ -0,0 +1,43 @@
+/**
+ * Yellow-Greens
+ * 
+ */
+
+$yellow-green: mix(yellow, green) !default;
+
+/**
+ * Tints
+ */
+$yellow-green--tint-stack: tint-stack($yellow-green, $sixths);
+
+$yellow-green--tint-1: nth($yellow-green--tint-stack, 2);
+$yellow-green--tint-2: nth($yellow-green--tint-stack, 3);
+$yellow-green--tint-3: nth($yellow-green--tint-stack, 4);
+$yellow-green--tint-4: nth($yellow-green--tint-stack, 5);
+$yellow-green--tint-5: nth($yellow-green--tint-stack, 6);
+$yellow-green--tint-6: nth($yellow-green--tint-stack, 7);
+
+/**
+ * Tones
+ */
+$yellow-green--tone-stack: tone-stack($yellow-green, $sixths);
+
+$yellow-green--tone-1: nth($yellow-green--tone-stack, 2);
+$yellow-green--tone-2: nth($yellow-green--tone-stack, 3);
+$yellow-green--tone-3: nth($yellow-green--tone-stack, 4);
+$yellow-green--tone-4: nth($yellow-green--tone-stack, 5);
+$yellow-green--tone-5: nth($yellow-green--tone-stack, 6);
+$yellow-green--tone-6: nth($yellow-green--tone-stack, 7);
+
+/**
+ * Shades
+ */
+$yellow-green--shade-stack: shade-stack($yellow-green, $sixths);
+
+$yellow-green--shade-1: nth($yellow-green--shade-stack, 2);
+$yellow-green--shade-2: nth($yellow-green--shade-stack, 3);
+$yellow-green--shade-3: nth($yellow-green--shade-stack, 4);
+$yellow-green--shade-4: nth($yellow-green--shade-stack, 5);
+$yellow-green--shade-5: nth($yellow-green--shade-stack, 6);
+$yellow-green--shade-6: nth($yellow-green--shade-stack, 7);
+

data/stylesheets/colorkit/color-library/_yellow-oranges.scss

@@ -0,0 +1,43 @@
+/**
+ * Yellow-Orange
+ * 
+ */
+
+$yellow-orange: mix(yellow, orange) !default;
+
+/**
+ * Tints
+ */
+$yellow-orange--tint-stack: tint-stack($yellow-orange, $sixths);
+
+$yellow-orange--tint-1: nth($yellow-orange--tint-stack, 2);
+$yellow-orange--tint-2: nth($yellow-orange--tint-stack, 3);
+$yellow-orange--tint-3: nth($yellow-orange--tint-stack, 4);
+$yellow-orange--tint-4: nth($yellow-orange--tint-stack, 5);
+$yellow-orange--tint-5: nth($yellow-orange--tint-stack, 6);
+$yellow-orange--tint-6: nth($yellow-orange--tint-stack, 7);
+
+/**
+ * Tones
+ */
+$yellow-orange--tone-stack: tone-stack($yellow-orange, $sixths);
+
+$yellow-orange--tone-1: nth($yellow-orange--tone-stack, 2);
+$yellow-orange--tone-2: nth($yellow-orange--tone-stack, 3);
+$yellow-orange--tone-3: nth($yellow-orange--tone-stack, 4);
+$yellow-orange--tone-4: nth($yellow-orange--tone-stack, 5);
+$yellow-orange--tone-5: nth($yellow-orange--tone-stack, 6);
+$yellow-orange--tone-6: nth($yellow-orange--tone-stack, 7);
+
+/**
+ * Shades
+ */
+$yellow-orange--shade-stack: shade-stack($yellow-orange, $sixths);
+
+$yellow-orange--shade-1: nth($yellow-orange--shade-stack, 2);
+$yellow-orange--shade-2: nth($yellow-orange--shade-stack, 3);
+$yellow-orange--shade-3: nth($yellow-orange--shade-stack, 4);
+$yellow-orange--shade-4: nth($yellow-orange--shade-stack, 5);
+$yellow-orange--shade-5: nth($yellow-orange--shade-stack, 6);
+$yellow-orange--shade-6: nth($yellow-orange--shade-stack, 7);
+

data/stylesheets/colorkit/color-library/_yellows.scss

@@ -0,0 +1,43 @@
+/**
+ * Yellows
+ * 
+ */
+
+$yellow: #FFFF00 !default;
+
+/**
+ * Tints
+ */
+$yellow--tint-stack: tint-stack($yellow, $sixths);
+
+$yellow--tint-1: nth($yellow--tint-stack, 2);
+$yellow--tint-2: nth($yellow--tint-stack, 3);
+$yellow--tint-3: nth($yellow--tint-stack, 4);
+$yellow--tint-4: nth($yellow--tint-stack, 5);
+$yellow--tint-5: nth($yellow--tint-stack, 6);
+$yellow--tint-6: nth($yellow--tint-stack, 7);
+
+/**
+ * Tones
+ */
+$yellow--tone-stack: tone-stack($yellow, $sixths);
+
+$yellow--tone-1: nth($yellow--tone-stack, 2);
+$yellow--tone-2: nth($yellow--tone-stack, 3);
+$yellow--tone-3: nth($yellow--tone-stack, 4);
+$yellow--tone-4: nth($yellow--tone-stack, 5);
+$yellow--tone-5: nth($yellow--tone-stack, 6);
+$yellow--tone-6: nth($yellow--tone-stack, 7);
+
+/**
+ * Shades
+ */
+$yellow--shade-stack: shade-stack($yellow, $sixths);
+
+$yellow--shade-1: nth($yellow--shade-stack, 2);
+$yellow--shade-2: nth($yellow--shade-stack, 3);
+$yellow--shade-3: nth($yellow--shade-stack, 4);
+$yellow--shade-4: nth($yellow--shade-stack, 5);
+$yellow--shade-5: nth($yellow--shade-stack, 6);
+$yellow--shade-6: nth($yellow--shade-stack, 7);
+

data/templates/project/_color-pallet.scss

@@ -0,0 +1,106 @@
+/**
+ * Color Pallet
+ * 
+ * global color settings
+ */
+
+/**
+ * Import Colorkit
+ * 
+ */
+@import "colorkit";
+
+/**
+ * Color Scheme
+ * 
+ * Generate harmonious color scheme based on a single key-color ($base-color)
+ *
+ * $base-color: any CSS color value or keyword
+ * $color-relationship: monochromatic/complementary/spit-complementary/analogous/triadic/tetradic/quadradic
+ * $color-angle: (defaults to 30)
+ */
+$color-relationship: double-complementary;
+$base-color: red;
+@include color-scheme($color-relationship, $base-color);
+
+/**
+ * Black and White
+ */
+$white:                             white(0);
+$black:                             black(0);
+
+/**
+ * Shadow and Highlight
+ */
+$highlight-color:                   alpha-white(.5)!default;
+$shadow-color:                      alpha-black(.2) !default;
+
+/**
+ * Semantic Utilities
+ *
+ * utility color variables to extend with semantic variable names
+ */
+$strong:                            black(20%) !default;
+$subtle:                            black(60%) !default;
+$muted:                             black(70%) !default;
+$accent:                            $blue-green--tint-2;
+
+/**
+ * Text Colors
+ */
+$strong-color--txt:                 $strong;
+$subtle-color--txt:                 $subtle;
+$muted-color--txt:                  $muted;
+$accent-color--txt:                 $blue-green--tint-6;
+
+/**
+ * Background Colors
+ */
+$strong-color--bg:                  $strong;
+$subtle-color--bg:                  $subtle;
+$muted-color--bg:                   $muted;
+
+/**
+ * Brand Colors
+ *
+ * prefixed with '$brand-' to avoid proper color names for ease of use and to avoid collision with CSS color keywords
+ * ex: $brand-blue: deepskyblue; or: $brand-accent: tint($brand-blue, 12%);
+ */
+
+/**
+ * ex:
+ * $brand-blue:;
+ * $brand-primary:;
+ * $brand-secondary:;
+ * $brand-accent:;
+ */
+
+/**
+ * UI and State Colors
+ *
+ */
+$primary-color:                     $blue-green--tone-2 !default;
+$secondary-color:                   $blue-green--tone-4 !default;
+$tertiary-color:                    $blue-green--shade-2 !default; 
+$accent-color:                      $accent;
+
+$warning-color:                     $red-orange--tint-2 !default;
+$warning-color--txt:                tint($warning-color, 25%);
+$warning-color--bg:                 $warning-color;
+$warning-color--border:             darken(adjust-hue($warning-color, -10), 3%) !default;
+
+$error-color:                       $red--tint-2 !default;
+$error-color--txt:                  tint($error-color, 25%);
+$error-color--bg:                   $error-color;
+$error-color--border:               darken(adjust-hue($error-color, -10), 3%) !default;
+
+$success-color:                     $green--tint-2 !default;
+$success-color--txt:                tint($success-color, 25%);
+$success-color--bg:                 $success-color;
+$success-color--border:             darken(adjust-hue($success-color, -10), 5%) !default;
+
+$info-color:                        $blue-green--tint-2 !default;
+$info-color--txt:                   tint($info-color, 25%);
+$info-clor--bg:                     $info-color;
+$info-color--border:                darken(adjust-hue($info-color, -10), 7%) !default;
+