toolkit 2.0.0.alpha.1 → 2.0.0.alpha.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c0d0e6f2a5c79279593c18b5def0e890c767a40b
-  data.tar.gz: 5c32b09ced919eac8881623bd3e6bfb6f220e0c1
+  metadata.gz: af3284a0d078a9ec3b8ebf3ec9e43f3aa4181218
+  data.tar.gz: 8808699c15077295c74b60dac7f7839538d0191b
 SHA512:
-  metadata.gz: 74324bbe9569bc5fd301eda6bd296c00d4f175a6651bf9519b317f159675b081a47dbc2d822948d2645147da9d2f9d22393ce24f93497b8eef4b316373cfdf70
-  data.tar.gz: 3e2e4bcf5a7e4a707e35374981722b1ec03e65dfca4c4922bcc312ef6ad0846decaffff7f8c432d0cd861b8fced49ec6d1d44295c59a639c6a38579b723009b1
+  metadata.gz: b357c76c89d851c636ab745e757076490128397d27e7b3e17159088a69e88bed29e98c5af3178aff6f8a1f2d2be581aa5e50e35536cf6cb825fc3db58950019a
+  data.tar.gz: 02ccc0599c73c03ba04f4791580cf8d37853071b18f802c7a5ff5edb2734cfe489518a242303e81e9cadec765a06f85e1e58e547d728f2c517238a593d04f831

data/stylesheets/toolkit/_clearfix.scss

@@ -2,7 +2,7 @@
 // Modern Clearfix Mixin
 //////////////////////////////
 @mixin clearfix($extend: null) {
-  $extend: if($extend !== null, $extend, toolkit-get('clearfix extend'));
+  $extend: if($extend != null, $extend, toolkit-get('clearfix extend'));
   @if $extend {
     @extend %toolkit-clearfix;
   }
@@ -16,5 +16,5 @@
 }
 
 %toolkit-clearfix {
-  @include clearfix(true);
+  @include clearfix(false);
 }

data/stylesheets/toolkit/_colors.scss

@@ -57,7 +57,7 @@
 // Color Scales
 //////////////////////////////
 @function color-scale($main, $secondary, $shades: null) {
-  $shades: if($shades !== null, $shades, toolkit-get('color scale shades'));
+  $shades: if($shades != null, $shades, toolkit-get('color scale shades'));
 
   $list: $main;
 

data/stylesheets/toolkit/_fonts.scss

@@ -2,7 +2,7 @@
 // Enable ligatures
 //////////////////////////////
 @mixin enable-ligatures($extend: null) {
-  $extend: if($extend !== null, $extend, toolkit-get('extend ligatures'));
+  $extend: if($extend != null, $extend, toolkit-get('extend ligatures'));
 
   @if $extend {
     @extend %enable-ligatures;
@@ -21,26 +21,22 @@
   @include enable-ligatures;
 }
 
-@if not mixin-exists('single-transition') {
-  @mixin single-transition($feature, $duration) {
-    -webkit-transition: $feature $duration;
-    transition: $feature, $duration;
-  }
-}
-
 //////////////////////////////
 // Font Fade In
 //////////////////////////////
 @mixin content-fade-in($duration: null, $loading: null) {
 
-  $duration: if($duration !== null, $duration, toolkit-get('fade in duration'));
-  $loading: if($loading !== null, $loading, toolkit-get('fade in loading class'));
+  $duration: if($duration != null, $duration, toolkit-get('fade in duration'));
+  $loading: if($loading != null, $loading, toolkit-get('fade in loading class'));
   $selector: if('#{&}' != '', true, false);
 
   @if $selector != false {
     #{$selector} {
       opacity: 1;
-      @include single-transition(opacity, $duration);
+      @if not mixin-exists('single-transition') {
+        -webkit-transition: opacity $duration;
+        transition: opacity $duration;
+      }
 
       #{$loading} & {
 	opacity: 0;
@@ -49,7 +45,10 @@
   }
   @else {
     opacity: 1;
-    @include single-transition(opacity, $duration);
+    @if not mixin-exists('single-transition') {
+      -webkit-transition: opacity $duration;
+      transition: opacity $duration;
+    }
 
     #{$loading} & {
       opacity: 0;

data/stylesheets/toolkit/_intrinsic-ratio.scss

@@ -2,7 +2,7 @@
 // Fluid Embeds and whatever WITH NO JAVASCIPT!
 ////////////////////////
 @mixin intrinsic-ratio-parent($extend: null) {
-  $extend: if($extend !== null, $extend, toolkit-get('intrinsic ratio extend'));
+  $extend: if($extend != null, $extend, toolkit-get('intrinsic ratio extend'));
 
 
     @if $extend {
@@ -15,7 +15,7 @@
 }
 
 @mixin intrinsic-ratio-child($extend: null) {
-  $extend: if($extend !== null, $extend, toolkit-get('intrinsic ratio extend'));
+  $extend: if($extend != null, $extend, toolkit-get('intrinsic ratio extend'));
   @if $extend {
     @extend %intrinsic-ratio-child;
   }
@@ -31,18 +31,18 @@
 }
 
 @mixin intrinsic-ratio-ratio($ratio: null, $width: null, $direction: null) {
-  $ratio: if($ration !== null, $ratio, toolkit-get('intrinsic ratio'));
-  $width: if($width !== null, $width, toolkit-get('intrinsic ratio width'));
-  $direction: if($direction !== null, $direction, toolkit-get('intrinsic ratio direction'));
+  $ratio: if($ration != null, $ratio, toolkit-get('intrinsic ratio'));
+  $width: if($width != null, $width, toolkit-get('intrinsic ratio width'));
+  $direction: if($direction != null, $direction, toolkit-get('intrinsic ratio direction'));
   padding-#{$direction}: (1 / $ratio) * $width;
   width: $width;
 }
 
 @mixin intrinsic-ratio($ratio: null, $width: null, $elements: null, $direction: null, $extend: null) {
-  $ratio: if($ration !== null, $ratio, toolkit-get('intrinsic ratio'));
-  $width: if($width !== null, $width, toolkit-get('intrinsic ratio width'));
-  $direction: if($direction !== null, $direction, toolkit-get('intrinsic ratio direction'));
-  $extend: if($extend !== null, $extend, toolkit-get('intrinsic ratio extend'));
+  $ratio: if($ration != null, $ratio, toolkit-get('intrinsic ratio'));
+  $width: if($width != null, $width, toolkit-get('intrinsic ratio width'));
+  $direction: if($direction != null, $direction, toolkit-get('intrinsic ratio direction'));
+  $extend: if($extend != null, $extend, toolkit-get('intrinsic ratio extend'));
   @include intrinsic-ratio-parent($extend);
 
   @include intrinsic-ratio-ratio($ratio, $width, $direction);

data/stylesheets/toolkit/_nested-context.scss

@@ -1,6 +1,6 @@
 // simple function to find the context of a nested percentage.
 @function nested-context($contexts: null) {
-  $contexts: if($contexts !== null, $contexts, toolkit-get('nested context contexts'));
+  $contexts: if($contexts != null, $contexts, toolkit-get('nested context contexts'));
 
   // First level deep is always 100%
   $percentage: 100%;
@@ -16,8 +16,8 @@
 
 // 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'));
+  $contexts: if($contexts != null, $contexts, toolkit-get('nested context contexts'));
+  $position: if($position != null, $position, toolkit-get('nestex context position'));
 
   width: nested-context($contexts);
   @if $position == "center" {

data/stylesheets/toolkit/_pe.scss

@@ -27,7 +27,7 @@
     $ft: $ft + '.no-#{$feature}, '
   }
 
-  $no-js: if($no-js !== null, $no-js, toolkit-get('degrade from javascript'));
+  $no-js: if($no-js != null, $no-js, toolkit-get('degrade from javascript'));
 
   @if $feature == 'js' or not $no-js {
     #{$ft} & {

data/stylesheets/toolkit/_triangle.scss

@@ -4,10 +4,10 @@
 
 @mixin triangle($color: null, $height: null, $width: null, $angle: null) {
 
-  $color: if($color !== null, $color, toolkit-get('triangle color'));
-  $height: if($height !== null, $height, toolkit-get('triangle height'));
-  $width: if($width !== null, $width, toolkit-get('triangle width'));
-  $angle: if($angle !== null, $angle, toolkit-get('triangle angle'));
+  $color: if($color != null, $color, toolkit-get('triangle color'));
+  $height: if($height != null, $height, toolkit-get('triangle height'));
+  $width: if($width != null, $width, toolkit-get('triangle width'));
+  $angle: if($angle != null, $angle, toolkit-get('triangle angle'));
 
   @if nth($angle, 1) == "top" or nth($angle, 1) == "bottom" {
     $angle: "#{$angle}";

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: toolkit
 version: !ruby/object:Gem::Version
-  version: 2.0.0.alpha.1
+  version: 2.0.0.alpha.2
 platform: ruby
 authors:
 - Sam Richard