toolkit 2.0.0.alpha.10 → 2.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 40fab31ed5bcbd898a91efbf84472b457bd42d9f
-  data.tar.gz: ff405af012ccd8f1cd30473f5f1bb2245240dea2
+  metadata.gz: 62760cac31edf0b4c29adc98c135ae7fe31701ab
+  data.tar.gz: 9c9685e17a161700d2a601a6000c821a867d4bea
 SHA512:
-  metadata.gz: 63eb3104bed6fbf1d24e80e9d1582d069fad98bac0aeaaad4bfbe7ed0311b03cd9d29ab8de1dc8338d919d0e876ccca577cc39d98ff0b9717a2e891a953134d9
-  data.tar.gz: 5fde04eef1e1012069cd821f76f34457ead48aab96ecf45011605e2399b22c23a34a586191998260646e96ada7f2ad561a28fa5fa5667b3e788e34e300460619
+  metadata.gz: 312c882e68716000f7de22b83cecab58e414fae1938bf0445a34e3a8816e212982ec034b5e957af88a874f10bdadc107848caec86c542e0ae5c6fc879fb9c258
+  data.tar.gz: 39dc84d1b4a8567d593e09de184c000585049d3c7a7871fcf9a58bd49076c306659e67ed48e32a00315b42a01db78f20839694aa6f1d48a6d53c83dc1adbb870

data/lib/toolkit.rb

@@ -1,4 +1,11 @@
-require 'compass'
+if (defined? Compass)
+  Compass::Frameworks.register(
+    "toolkit",
+    :path => "#{File.dirname(__FILE__)}/.."
+  )
+end
 
-extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
-Compass::Frameworks.register('toolkit', :path => extension_path)
+module Toolkit
+  VERSION = "2.0.0"
+  DATE = "2014-03-14"
+end

data/stylesheets/_toolkit.scss

@@ -2,19 +2,18 @@
 // Toolkit Settings
 //////////////////////////////
 @import "toolkit/settings";
+@import "toolkit/placeholders";
 
 //////////////////////////////
 // Imports
 //////////////////////////////
 @import "toolkit/clearfix";
 @import "toolkit/colors";
-@import "toolkit/element-query";
 @import "toolkit/fonts";
 @import "toolkit/intrinsic-ratio";
 @import "toolkit/nested-context";
 @import "toolkit/parallax";
-@import "toolkit/pe";
-@import "toolkit/properties";
+@import "toolkit/rtl";
 @import "toolkit/triangle";
 @import "toolkit/vertical-center";
 @import "toolkit/viewport";

data/stylesheets/toolkit/_clearfix.scss

@@ -3,8 +3,11 @@
 //////////////////////////////
 @mixin clearfix($extend: null) {
   $extend: if($extend != null, $extend, toolkit-get('clearfix extend'));
-  @if $extend {
-    @extend %toolkit-clearfix;
+
+  @if $extend == true {
+    @include toolkit-placeholder('clearfix') {
+      @include clearfix(false);
+    }
   }
   @else {
     &:after {
@@ -13,8 +16,4 @@
       clear: both;
     }
   }
-}
-
-%toolkit-clearfix {
-  @include clearfix(false);
 }

data/stylesheets/toolkit/_colors.scss

@@ -5,12 +5,12 @@
 //////////////////////////////
 // Tint and Shade
 //////////////////////////////
-@function tint($colour, $amount) {
-  @return mix(toolkit-get('tint color'), $colour, $amount);
+@function tint($color, $amount) {
+  @return mix(toolkit-get('tint color'), $color, $amount);
 }
 
-@function shade($colour, $amount) {
-  @return mix(toolkit-get('shade color'), $colour, $amount);
+@function shade($color, $amount) {
+  @return mix(toolkit-get('shade color'), $color, $amount);
 }
 
 //////////////////////////////
@@ -80,32 +80,65 @@
 //////////////////////////////
 // Color Scales
 //////////////////////////////
-@function color-scale($main, $secondary, $shades: null) {
-  $shades: if($shades != null, $shades, toolkit-get('color scale shades'));
+@function color-scale($main, $secondary, $steps: null) {
+  $steps: if($steps != null, $steps, toolkit-get('color scale steps'));;
 
   $list: $main;
 
   $red1: red($main);
   $red2: red($secondary);
-  $red-diff: (($red1 - $red2) / (($shades - 1)));
+  $red-diff: (($red1 - $red2) / (($steps - 1)));
 
-  $grn1: green($main);
-  $grn2: green($secondary);
-  $grn-diff: (($grn1 - $grn2) / (($shades - 1)));
+  $hue1: hue($main);
+  $hue2: hue($secondary);
+  @if ($hue2 + 359 - $hue1) < abs($hue1 - $hue2) {
+    $hue2: $hue2 + 359;
+  }
+  $hue-diff: ($hue2 - $hue1) / ($steps - 1);
+
+  $sat1: saturation($main);
+  $sat2: saturation($secondary);
+  $sat-diff: 0;
+  @if $sat1 > $sat2 {
+    $sat-diff: ($sat2 - $sat1) / ($steps - 1);
+  }
+  @else {
+    $sat-diff: ($sat1 - $sat2) / ($steps - 1);
+  }
+
+  $lte1: lightness($main);
+  $lte2: lightness($secondary);
+  $lte-diff: 0;
+  @if $lte1 > $lte2 {
+    $lte-diff: ($lte2 - $lte1) / ($steps - 1);
+  }
+  @else {
+    $lte-diff: ($lte1 - $lte2) / ($steps - 1);
+  }
+
+  $alp1: alpha($main);
+  $alp2: alpha($secondary);
+  $alp-diff: 0;
+  @if $alp1 > $alp2 {
+    $alp-diff: ($alp2 - $alp1) / ($steps - 1);
+  }
+  @else {
+    $alp-diff: ($alp1 - $alp2) / ($steps - 1);
+  }
 
-  $blu1: blue($main);
-  $blu2: blue($secondary);
-  $blu-diff: (($blu1 - $blu2) / (($shades - 1)));
+  $hue-hold: $hue1;
+  $sat-hold: $sat1;
+  $lte-hold: $lte1;
+  $alp-hold: $alp1;
+  $color-hold: 0;
 
-  $red-hold: $red1;
-  $grn-hold: $grn1;
-  $blu-hold: $blu1;
+  @for $i from 2 through $steps {
+    $hue-hold: $hue-hold + $hue-diff;
+    $sat-hold: $sat-hold + $sat-diff;
+    $lte-hold: $lte-hold + $lte-diff;
+    $alp-hold: $alp-hold + $alp-diff;
 
-  @for $i from 2 through $shades {
-    $red-hold: $red-hold - ($red-diff);
-    $grn-hold: $grn-hold - ($grn-diff);
-    $blu-hold: $blu-hold - ($blu-diff);
-    $color-hold: rgb($red-hold, $grn-hold, $blu-hold);
+    $color-hold: hsla($hue-hold, $sat-hold, $lte-hold, $alp-hold);
     $list: append($list, $color-hold);
   }
 

data/stylesheets/toolkit/_fonts.scss

@@ -2,10 +2,12 @@
 // Enable ligatures
 //////////////////////////////
 @mixin enable-ligatures($extend: null) {
-  $extend: if($extend != null, $extend, toolkit-get('extend ligatures'));
+  $extend: if($extend != null, $extend, toolkit-get('ligature extend'));
 
   @if $extend {
-    @extend %enable-ligatures;
+    @include toolkit-placeholder('enable ligatures') {
+      @include enable-ligatures;
+    }
   }
   @else {
     -webkit-font-feature-settings:"liga","dlig";
@@ -17,8 +19,93 @@
   }
 }
 
-%enable-ligatures {
-  @include enable-ligatures;
+//////////////////////////////
+// Font Face
+//////////////////////////////
+@mixin font-face($name, $files, $weight: null, $style: null, $inline-woff: null) {
+  $weight: if($weight != null, $weight, toolkit-get('font face weight'));
+  $style: if($style != null, $style, toolkit-get('font face style'));
+  $inline-woff: if($inline-woff != null, $inline-woff, toolkit-get('font face inline woff'));
+
+  $font-stack: ();
+  $font-src: '';
+  $eot: false;
+  $font-extensions: ('eot': 'embedded-opentype', 'woff': 'woff', 'ttf': 'truetype', 'svg': 'svg');
+
+  @each $ext, $format in $font-extensions {
+    @if map-has-key($files, $ext) {
+      @if function-exists(inline-font-files) and $inline-woff == true and $ext == 'woff' {
+        $font-src: inline-font-files(map-get($files, $ext));
+      }
+      @else if function-exists(font-url) {
+        $font-src: font-url(map-get($files, $ext)) format($format);
+        @if $ext == 'eot' {
+          $eot: $font-src;
+          $font-src: font-url(map-get($files, $ext) + '#iefix') format($format);
+        }
+      }
+      @else {
+        $font-src: url(map-get($files, $ext)) format($format);
+        @if $ext == 'eot' {
+          $eot: $font-src;
+          $font-src: url(map-get($files, $ext) + '#iefix') format($format);
+        }
+      }
+      $font-stack: append($font-stack, $font-src, 'comma');
+    }
+
+  }
+
+  @at-root {
+    @font-face {
+      font-family: $name;
+      font-weight: $weight;
+      font-style: $style;
+      @if $eot {
+        src: $eot;
+      }
+      @if length($font-stack) > 0 {
+        src: $font-stack;
+      }
+    }
+  }
+}
+
+//////////////////////////////
+// Icon Font
+// From http://icomoon.io
+//////////////////////////////
+@mixin icon-font($font-stack, $speak: null, $extend: null) {
+  $speak: if($speak != null, $speak, toolkit-get('icon font speak'));
+  $extend: if($extend != null, $extend, toolkit-get('icon font extend'));
+
+  font-family: $font-stack;
+  @if $speak == false {
+    speak: none;
+  }
+  @include icon-font--core($extend);
+}
+
+@mixin icon-font--core($extend: null) {
+  $extend: if($extend != null, $extend, toolkit-get('icon font extend'));
+
+  @if $extend  {
+    @include toolkit-placeholder('icon font core') {
+      @include icon-font--core(false);
+    }
+  }
+  @else {
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+
+    @include enable-ligatures($extend);
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
 }
 
 //////////////////////////////
@@ -30,7 +117,9 @@
   $extend: if($extend != null, $extend, toolkit-get('fade in extend'));
 
   @if $extend == true and $duration == toolkit-get('fade in duration') and $loading == toolkit-get('fade in loading class') {
-    @extend %content-fade-in;
+    @include toolkit-placeholder('content fade in') {
+      @include content-fade-in($extend: false);
+    }
   }
   @else {
     opacity: 1;
@@ -46,8 +135,4 @@
       opacity: 0;
     }
   }
-}
-
-%content-fade-in {
-  @include content-fade-in($extend: false);
 }

data/stylesheets/toolkit/_intrinsic-ratio.scss

@@ -4,20 +4,24 @@
 @mixin intrinsic-ratio-parent($extend: null) {
   $extend: if($extend != null, $extend, toolkit-get('intrinsic ratio extend'));
 
-
-    @if $extend {
-      @extend %intrinsic-ratio-parent;
-    }
-    @else {
-      position: relative;
-      height: 0;
+  @if $extend {
+    @include toolkit-placeholder('intrinsic ratio parent') {
+      @include intrinsic-ratio-parent(false);
     }
+  }
+  @else {
+    position: relative;
+    height: 0;
+  }
 }
 
 @mixin intrinsic-ratio-child($extend: null) {
   $extend: if($extend != null, $extend, toolkit-get('intrinsic ratio extend'));
+
   @if $extend {
-    @extend %intrinsic-ratio-child;
+    @include toolkit-placeholder('intrinsic ratio child') {
+      @include intrinsic-ratio-child(false);
+    }
   }
   @else {
     display: block;
@@ -33,7 +37,8 @@
 @mixin intrinsic-ratio-ratio($ratio: null, $width: null, $position: null) {
   $ratio: if($ratio != null, $ratio, toolkit-get('intrinsic ratio'));
   $width: if($width != null, $width, toolkit-get('intrinsic ratio width'));
-  $position: if($position != null, $position, toolkit-get('intrinsic ratio direction'));
+  $position: if($position != null, $position, toolkit-get('intrinsic ratio position'));
+
   padding-#{$position}: (1 / $ratio) * $width;
   width: $width;
 }
@@ -42,8 +47,9 @@
   $ratio: if($ratio != null, $ratio, toolkit-get('intrinsic ratio'));
   $width: if($width != null, $width, toolkit-get('intrinsic ratio width'));
   $elements: if($elements != null, $elements, toolkit-get('intrinsic ratio elements'));
-  $position: if($position != null, $position, toolkit-get('intrinsic ratio direction'));
+  $position: if($position != null, $position, toolkit-get('intrinsic ratio position'));
   $extend: if($extend != null, $extend, toolkit-get('intrinsic ratio extend'));
+
   @include intrinsic-ratio-parent($extend);
 
   @include intrinsic-ratio-ratio($ratio, $width, $position);
@@ -57,12 +63,4 @@
 
 @mixin ir($ratio: null, $width: null, $elements: null, $position: null, $extend: null) {
   @include intrinsic-ratio($ratio, $width, $elements, $extend, $position);
-}
-
-%intrinsic-ratio-parent {
-  @include intrinsic-ratio-parent(false);
-}
-
-%intrinsic-ratio-child {
-  @include intrinsic-ratio-child(false);
 }

data/stylesheets/toolkit/_nested-context.scss

@@ -17,7 +17,7 @@
 // mixin to make things easier
 @mixin nested-context($contexts: null, $position: null) {
   $contexts: if($contexts != null, $contexts, toolkit-get('nested context contexts'));
-  $position: if($position != null, $position, toolkit-get('nestex context position'));
+  $position: if($position != null, $position, toolkit-get('nested context position'));
 
   width: nested-context($contexts);
   @if $position == "center" {

data/stylesheets/toolkit/_parallax.scss

@@ -6,36 +6,55 @@
   $parallax-ios: if($parallax-ios != null, $parallax-ios, toolkit-get('parallax ios'));
 
   @if $element == 'body' {
-    html, body {
-      width: 100%;
-      height: 100%;
-      margin: 0;
-      padding: 0;
-      overflow: hidden;
+    @at-root {
+      html, body {
+        width: 100%;
+        height: 100%;
+        margin: 0;
+        padding: 0;
+        overflow: hidden;
+      }
+      body {
+        @include parallax-init-core($perspective, $parallax-ios);
+      }
     }
   }
-  #{$element} {
-    overflow: auto;
-    @if mixin-exists(perspective) {
-      @include perspective($perspective * 1px);
+  @else {
+    @if $element == this {
+      @include parallax-init-core($perspective, $parallax-ios);
     }
     @else {
-      -webkit-perspective: $perspective * 1px;
-      perspective: $perspective * 1px;
+      @at-root #{$element} {
+        @include parallax-init-core($perspective, $parallax-ios);
+      }
     }
-    // Allows for smooth scrolling but disables parallax effects.
-    @if $parallax-ios == false {
-      -webkit-overflow-scrolling: touch;
+  }
+}
+
+@mixin parallax-init-core($perspective: null, $parallax-ios: null) {
+  $perspective: if($perspective != null, $perspective, toolkit-get('parallax perspective'));
+  $parallax-ios: if($parallax-ios != null, $parallax-ios, toolkit-get('parallax ios'));
+
+  overflow: auto;
+  @if mixin-exists(perspective) {
+    @include perspective($perspective * 1px);
+  }
+  @else {
+    -webkit-perspective: $perspective * 1px;
+    perspective: $perspective * 1px;
+  }
+  // Allows for smooth scrolling but disables parallax effects.
+  @if $parallax-ios == false {
+    -webkit-overflow-scrolling: touch;
+  }
+  // Make sure 3D perspective is preserved
+  &, & * {
+    @if mixin-exists(transform-style) {
+      @include transform-style(preserve-3d);
     }
-    // Make sure 3D perspective is preserved
-    &, & * {
-      @if mixin-exists(transform-style) {
-      	@include transform-style(preserve-3d);
-      }
-      @else {
-      	-webkit-transform-style: preserve-3d;
-      	transform-style: preserve-3d;
-      }
+    @else {
+      -webkit-transform-style: preserve-3d;
+      transform-style: preserve-3d;
     }
   }
 }

data/stylesheets/toolkit/_placeholders.scss

@@ -0,0 +1,30 @@
+$Private-Toolkit-Placeholders: (
+);
+
+//////////////////////////////
+// Placeholder Get/Set
+//////////////////////////////
+@function toolkit-placeholder-set($id) {
+  $unique-id: unique-id();
+  $Private-Toolkit-Placeholders: map-merge($Private-Toolkit-Placeholders, ($id: $unique-id)) !global;
+  @return $unique-id;
+}
+
+@function toolkit-placeholder-get($id) {
+  @return map-get($Private-Toolkit-Placeholders, $id);
+}
+
+//////////////////////////////
+// Generate Placeholder Class and Extend
+//////////////////////////////
+@mixin toolkit-placeholder($id) {
+  $placeholder-id: toolkit-placeholder-get($id);
+
+  @if $placeholder-id == null {
+    $placeholder-id: toolkit-placeholder-set($id);
+    @at-root %#{$placeholder-id} {
+      @content;
+    }
+  }
+  @extend %#{$placeholder-id};
+}

data/stylesheets/toolkit/_rtl.scss

@@ -0,0 +1,24 @@
+@mixin rtl($property, $value) {
+  $_property: $property;
+  #{$property}: $value;
+
+  @if length($value) == 4 {
+    [dir="rtl"] & {
+      #{$property}: nth($value, 1) nth($value, 4) nth($value, 3) nth($value, 2);
+    }
+  }
+  @else {
+    @if (str-index($property, 'left')) {
+      $property: str-slice($property, 1, str-index($property, 'left') - 1) + 'right';
+    }
+    @else if (str-index($property, 'right')) {
+      $property: str-slice($property, 1, str-index($property, 'right') - 1) + 'left';
+    }
+
+    @if $property != $_property {
+      [dir="rtl"] & {
+        #{$property}: $value;
+      }
+    }
+  }
+}

data/stylesheets/toolkit/_settings.scss

@@ -7,21 +7,23 @@ $Toolkit-Settings: (
   'tint shade amounts': 75% 50% 25%,
   'tint color': #fff,
   'shade color': #000,
-  'color scale shades': 6,
-  'extend ligatures': false,
+  'color scale steps': 6,
+  'ligature extend': false,
+  'font face weight': normal,
+  'font face style': normal,
+  'font face inline woff': false,
+  'icon font extend': false,
+  'icon font speak': false,
   'fade in duration': 1s,
   'fade in loading class': '.wf-loading',
   'fade in extend': false,
   'intrinsic ratio': 16/9,
   'intrinsic ratio width': 100%,
   'intrinsic ratio elements': '> *',
-  'intrinsic ratio direction': top,
+  'intrinsic ratio position': top,
   'intrinsic ratio extend': false,
   'nested context contexts': 100%,
   'nested context position': left,
-  'enhance with extend': false,
-  'degrade from extend': false,
-  'degrade from javascript': false,
   'triangle color': #000,
   'triangle height': 1em,
   'triangle width': 1em,
@@ -31,6 +33,7 @@ $Toolkit-Settings: (
   'parallax ios': true,
   'parallax distance': 0,
   'vertical midpoint': 50%,
+  'vertical extend': false
 );
 
 //////////////////////////////
@@ -66,8 +69,8 @@ $toolkit: () !default;
 // Set Settings
 //////////////////////////////
 @function toolkit-set($setting, $value) {
-  @if str-index($setting, '-') > 0 {
-    @warn "Toolkit settings should contain spaces, not dashes. Please replace dashes with spaces. Settings will not work as expected until changed.";
+  @if (str-index($setting, '-') or str-index($setting, '_')) and str-index($setting, ' ') == null {
+    @warn "Words in Singularity settings should be spaces, not dashes or underscores. Please replace dashes and underscores between words with spaces. Settings will not work as expected until changed.";
   }
   $toolkit: map-merge($toolkit, ($setting: $value)) !global;
   @return true;
@@ -77,6 +80,10 @@ $toolkit: () !default;
   $toolkit-change: toolkit-set($setting, $value);
 }
 
+@mixin toolkit-set($setting, $value) {
+  $toolkit-change: toolkit-set($setting, $value);
+}
+
 //////////////////////////////
 // Remove Setting
 //////////////////////////////

data/stylesheets/toolkit/_triangle.scss

@@ -39,11 +39,11 @@
   }
 
   @if unit($height) == "" or unit($height) == "%" {
-    @debug "in triangle #{$height} is not a compatable unit for height."
+    @debug "in triangle #{$height} is not a compatible unit for height."
   }
 
   @if unit($width) == "" or unit($width) == "%" {
-    @debug "in triangle #{$width} is not a compatable unit for width."
+    @debug "in triangle #{$width} is not a compatible unit for width."
   }
 
   // offset 45deg to make each side start at 0

data/stylesheets/toolkit/_vertical-center.scss

@@ -1,16 +1,28 @@
 // Vertically center anything, literally anything.
 // http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/
-@mixin vertical-center($midpoint: null) {
-
+@mixin vertical-center($midpoint: null, $extend: null) {
   $midpoint: if($midpoint != null, $midpoint, toolkit-get('vertical midpoint'));
+  $extend: if($extend != null, $extend, toolkit-get('vertical extend'));
 
-  position: relative;
   top: $midpoint;
-  @if mixin-exists(transform) {
-    @include transform(translateY(-50%));
-  } @else {
-    -webkit-transform: translateY(-50%);
-    -ms-transform: translateY(-50%);
-    transform: translateY(-50%);
+  @include vertical-center-core($extend);
+}
+
+@mixin vertical-center-core($extend: null) {
+  $extend: if($extend != null, $extend, toolkit-get('vertical extend'));
+  @if $extend {
+    @include toolkit-placeholder('vertical center') {
+      @include vertical-center-core($extend: false);
+    }
+  }
+  @else {
+    position: relative;
+    @if mixin-exists(transform) {
+      @include transform(translateY(-50%));
+    } @else {
+      -webkit-transform: translateY(-50%);
+      -ms-transform: translateY(-50%);
+      transform: translateY(-50%);
+    }
   }
 }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: toolkit
 version: !ruby/object:Gem::Version
-  version: 2.0.0.alpha.10
+  version: 2.0.0
 platform: ruby
 authors:
 - Sam Richard
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-02-12 00:00:00.000000000 Z
+date: 2014-03-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -18,29 +18,16 @@ dependencies:
     requirements:
     - - ~>
       - !ruby/object:Gem::Version
-        version: 3.3.0.rc.3
+        version: 3.3.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ~>
       - !ruby/object:Gem::Version
-        version: 3.3.0.rc.3
-- !ruby/object:Gem::Dependency
-  name: compass
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ~>
-      - !ruby/object:Gem::Version
-        version: 1.0.0.alpha.17
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ~>
-      - !ruby/object:Gem::Version
-        version: 1.0.0.alpha.17
-description: Toolkit for Progressive Enhancement and Responsive Web Design
+        version: 3.3.0
+description: Toolkit full of bits and bobs of awesome aimed at assisting in advanced
+  styling with Sass
 email:
 - sam@snug.ug
 - scott@scottkellum.com
@@ -53,24 +40,21 @@ files:
 - stylesheets/_toolkit.scss
 - stylesheets/toolkit/_clearfix.scss
 - stylesheets/toolkit/_colors.scss
-- stylesheets/toolkit/_element-query.scss
 - stylesheets/toolkit/_fonts.scss
 - stylesheets/toolkit/_intrinsic-ratio.scss
 - stylesheets/toolkit/_kickstart.scss
 - stylesheets/toolkit/_nested-context.scss
 - stylesheets/toolkit/_parallax.scss
-- stylesheets/toolkit/_pe.scss
-- stylesheets/toolkit/_properties.scss
-- stylesheets/toolkit/_selectors.scss
+- stylesheets/toolkit/_placeholders.scss
+- stylesheets/toolkit/_rtl.scss
 - stylesheets/toolkit/_settings.scss
 - stylesheets/toolkit/_triangle.scss
 - stylesheets/toolkit/_vertical-center.scss
 - stylesheets/toolkit/_viewport.scss
-- LICENSE.txt
 homepage: https://github.com/Snugug/toolkit
 licenses:
 - MIT
-- GPL
+- GPL-2.0
 metadata: {}
 post_install_message: 
 rdoc_options: []
@@ -91,5 +75,5 @@ rubyforge_project: toolkit
 rubygems_version: 2.0.3
 signing_key: 
 specification_version: 4
-summary: Progressive Enhancement and RWD toolkit of awesomeness
+summary: Toolkit of awesome Sass stuff
 test_files: []

data/LICENSE.txt

@@ -1,27 +0,0 @@
-Toolkit is dual licensed under the MIT and GPL licenses:
-
-GPL license: http://www.gnu.org/licenses/gpl.html
-
-MIT license: http://www.opensource.org/licenses/mit-license.php
-
-Hammer.js License:
-
-Copyright (C) 2011 by Jorik Tangelder (Eight Media)
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.

data/stylesheets/toolkit/_element-query.scss

@@ -1,25 +0,0 @@
-//////////////////////////////
-// Element Query
-//
-// Mixin as described by Filament Group
-// http://filamentgroup.com/lab/element_query_workarounds/
-//////////////////////////////
-
-@mixin element-query($sizes...) {
-  @each $selector, $query in $sizes {
-    @if mixin-exists(breakpoint) {
-      @include breakpoint($query) {
-        #{$selector} & {
-          @content;
-        }
-      }
-    }
-    @else {
-      @media #{$query} {
-        #{$selector} & {
-          @content;
-        }
-      }
-    }
-  }
-}

data/stylesheets/toolkit/_pe.scss

@@ -1,69 +0,0 @@
-////////////////////////
-// Enhance From
-//
-// - $feature: Modernizr feature (base CSS class name)
-////////////////////////
-@mixin enhance-with($features, $extend: null) {
-  $extend: if($extend != null, $extend, toolkit-get('enhance with extend'));
-
-  @if $extend {
-    $uid: unique-id();
-    @at-root %#{$uid} {
-      @content;
-    }
-    @each $feature in $features {
-      .#{$feature} & {
-        @extend %#{$uid};
-      }
-    }
-  }
-  @else {
-    @each $feature in $features {
-      .#{$feature} & {
-        @content;
-      }
-    }
-  }
-}
-
-////////////////////////
-// Degrade From
-//
-// - $feature: Modernizr feature (base CSS class name)
-////////////////////////
-@mixin degrade-from($features, $no-js: null, $extend: null) {
-  $no-js: if($no-js != null, $no-js, toolkit-get('degrade from javascript'));
-  $extend: if($extend != null, $extend, toolkit-get('degrade from extend'));
-
-  @if $extend {
-    $uid: unique-id();
-    @at-root %#{$uid} {
-      @content;
-    }
-
-    @each $feature in $features {
-      .no-#{$feature} & {
-        @extend %#{$uid};
-      }
-    }
-
-    @if not index($features, 'js') and $no-js != true {
-      .no-js & {
-        @extend %#{$uid};
-      }
-    }
-  }
-  @else {
-    @each $feature in $features {
-      .no-#{$feature} & {
-        @content;
-      }
-    }
-
-    @if not index($features, 'js') and $no-js != true {
-      .no-js & {
-        @content;
-      }
-    }
-  }
-}

data/stylesheets/toolkit/_properties.scss

@@ -1,9 +0,0 @@
-@mixin rtl($property, $size) {
-  #{$property}: $size;
-
-  @if length($size) == 4 {
-    [dir="rtl"] & {
-      #{$property}: nth($size, 1) nth($size, 4) nth($size, 3) nth($size, 2);
-    }
-  }
-}

data/stylesheets/toolkit/_selectors.scss

@@ -1,92 +0,0 @@
-//////////////////////////////
-// Attribute Selector
-//////////////////////////////
-
-@mixin style-attribute($attribute, $selector, $value, $sibling: '') {
-  $select: false;
-
-  @if $selector == 'equals' {
-    $select: '=';
-  }
-  @else if $selector == 'contains' {
-    $select: '*=';
-  }
-  @else if $selector == 'begins with' {
-    $select: '^=';
-  }
-  @else if $selector == 'ends with' {
-    $select: '$=';
-  }
-  @else if $selector == 'within spaced list' {
-    $select: '~=';
-  }
-  @else if $selector == 'within dashed list' {
-    $select: '|=';
-  }
-
-  @if $select {
-    #{$sibling}[#{$attribute}#{$select}"#{$value}"] {
-      @content;
-    }
-  }
-  @else {
-    @warn '"#{$selector}" is not a valid use of CSS Attribute Selectors';
-  }
-}
-
-//////////////////////////////
-// External Link Selectors
-//////////////////////////////
-@mixin style-external-links($base-url: false, $scheme: 'all') {
-  @if $base-url {
-    @if $scheme == 'plain' {
-      a[href^="http://"][href*="#{$base-url}"] {
-        @content;
-      }
-    }
-    @else if $scheme == 'secure' {
-      a[href^="https://"][href*="#{$base-url}"] {
-        @content;
-      }
-    }
-    @else if $scheme == 'all' {
-      a[href^="http"][href*="#{$base-url}"] {
-        @content;
-      }
-    }
-  }
-  @else {
-    @if $scheme == 'all' {
-      a[href^="http"] {
-        @content;
-      }
-    }
-    @else if $scheme == 'plain' {
-      a[href^="http://"] {
-        @content;
-      }
-    }
-    @else if $scheme == 'secure' {
-      a[href^="https://"] {
-        @content;
-      }
-    }
-  }
-}
-
-$legacy-support-for-ie: $legacy-support-for-ie6 or $legacy-support-for-ie7 or $legacy-support-for-ie8 !default;
-
-//////////////////////////////
-// Syle Internal Links
-//////////////////////////////
-@mixin style-internal-links {
-  @if $legacy-support-for-ie {
-    a {
-      @content;
-    }
-  }
-  a:not([href^='http://']),
-  a:not([href^='https://']) {
-    @content;
-  }
-}