toolkit 1.1.1 → 1.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 --- 
-SHA1: 
-  data.tar.gz: e7e3312901fff1472044866b5ef5191d153f6d1a
-  metadata.gz: a5512e3204088cc254a8f3c80273598cf5783e85
 SHA512: 
-  data.tar.gz: 6e90812964bc14ea8ba9ef096c5b16fc87048764c998482ecaaf8622142756308e12e2dff2eee52a6e1728c850c1c3f2078e476f3a090a4a554c5a353f3bbc10
-  metadata.gz: 245dd68fb4efb9cd2ff4f5e1834a05386406e0219750e9abae67c3d488fdebfe06f40b45479b879d5d77bc0d6ef25fba0090419b6076ad0ba32fbb69e0293ee4
+  data.tar.gz: 11f80b4c6dfd2cbe7b03b34b3f4b5a2b102765b17e9002dc3d4633b8a91e411acc9fbaa1394632c3142c3c78c5200c424312a28d6cca0163d21ee11f9ce878e7
+  metadata.gz: c000087f542900e55fae23857ef982e61949aabeb6837431867b007d9fc1146915926e3616d000828df994d2d437533a506ec628ed3d40be3a7538a2ac6c4b10
+SHA1: 
+  data.tar.gz: 7f6528d4b5fc8f97f2dfae80114eb757d030daf3
+  metadata.gz: 958309647231aec256be27c897bbb66283823e9a

data/stylesheets/_toolkit-no-css.scss

@@ -51,4 +51,14 @@
 //////////////////////////////
 // Import Fonts
 //////////////////////////////
-@import "toolkit/fonts";
+@import "toolkit/fonts";
+
+//////////////////////////////
+// Viewport
+//////////////////////////////
+@import "toolkit/viewport";
+
+//////////////////////////////
+// Element Query
+//////////////////////////////
+@import "toolkit/element-query";

data/stylesheets/_toolkit.scss

@@ -56,4 +56,14 @@
 //////////////////////////////
 // Import Fonts
 //////////////////////////////
-@import "toolkit/fonts";
+@import "toolkit/fonts";
+
+//////////////////////////////
+// Viewport
+//////////////////////////////
+@import "toolkit/viewport";
+
+//////////////////////////////
+// Element Query
+//////////////////////////////
+@import "toolkit/element-query";

data/stylesheets/toolkit/_clearfix.scss

@@ -1,65 +1,3 @@
-//////////////////////////////
-// Legacy Clearfix
-//
-// For when you need full Legacy support, including old IE and old Firefox
-//
-// From http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
-//////////////////////////////
-%clearfix-legacy {
-  /* for IE 6/7 */
-  *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
-  /* non-JS fallback */
-  *zoom: 1;
-
-  &:before,
-  &:after {
-    content: ".";
-    display: block;
-    height: 0;
-    overflow: hidden;
-  }
-  
-  &:after {
-    clear: both;
-  }
-}
-
-//////////////////////////////
-// Micro Clearfix
-//
-// For when you need old IE support, but not concerned with old Firefox
-// From http://nicolasgallagher.com/better-float-containment-in-ie/
-//////////////////////////////
-%clearfix-micro {
-  /* for IE 6/7 */
-  *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
-  /* non-JS fallback */
-  *zoom: 1;
-
-  &:before,
-  &:after {
-    content: "";
-    display: table;
-  }
-  
-  &:after {
-    clear: both;
-  }
-}
-
-//////////////////////////////
-// Modern Clearfix
-//
-// Clearfix for modern browsers, especiall when using border-box
-//
-// From http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
-//////////////////////////////
-%clearfix:after {
-  content: "";
-  display: table;
-  clear: both;
-}
-
 //////////////////////////////
 // Massive Clearfix Mixin
 //
@@ -69,8 +7,8 @@
 $clearfix-extend: false !default;
 $legacy-support-for-mozilla: true !default;
 
-@mixin clearfix($extend: $clearfix-extend) {
-  @if $legacy-support-for-ie6 and $legacy-support-for-ie7 and not $legacy-support-for-mozilla {
+@mixin clearfix($extend: $clearfix-extend, $direct: 'modern') {
+  @if ($legacy-support-for-ie6 and $legacy-support-for-ie7 and not $legacy-support-for-mozilla) or ($direct == 'micro') {
     @if $extend {
       @extend %clearfix-micro;
     }
@@ -91,7 +29,7 @@ $legacy-support-for-mozilla: true !default;
       }
     }
   }
-  @else if $legacy-support-for-ie6 and $legacy-support-for-ie7 and $legacy-support-for-mozilla {
+  @else if ($legacy-support-for-ie6 and $legacy-support-for-ie7 and $legacy-support-for-mozilla) or ($direct == 'legacy') {
     @if $extend {
       @extend %clearfix-legacy;
     }
@@ -126,4 +64,36 @@ $legacy-support-for-mozilla: true !default;
       }
     }
   }
+}
+
+//////////////////////////////
+// Legacy Clearfix
+//
+// For when you need full Legacy support, including old IE and old Firefox
+//
+// From http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
+//////////////////////////////
+%clearfix-legacy {
+  @include clearfix(false, 'legacy');
+}
+
+//////////////////////////////
+// Micro Clearfix
+//
+// For when you need old IE support, but not concerned with old Firefox
+// From http://nicolasgallagher.com/better-float-containment-in-ie/
+//////////////////////////////
+%clearfix-micro {
+  @include clearfix(false, 'micro');
+}
+
+//////////////////////////////
+// Modern Clearfix
+//
+// Clearfix for modern browsers, especiall when using border-box
+//
+// From http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
+//////////////////////////////
+%clearfix:after {
+  @include clearfix(false, 'modern');
 }

data/stylesheets/toolkit/_element-query.scss

@@ -0,0 +1,17 @@
+//////////////////////////////
+// Element Query
+//
+// Mixin as described by Filament Group
+// http://filamentgroup.com/lab/element_query_workarounds/
+//////////////////////////////
+@import "breakpoint";
+
+@mixin element-query($sizes...) {
+  @each $size in $sizes {
+    @include breakpoint(nth($size, 2)) {
+      #{nth($size, 1)} & {
+        @content;
+      }
+    }
+  }
+}

data/stylesheets/toolkit/_viewport.scss

@@ -0,0 +1,29 @@
+//////////////////////////////
+// CSS level 4 Viewport
+// http://dev.w3.org/csswg/css-device-adapt/#the-atviewport-rule
+//////////////////////////////
+$experimental-suport-for-webkit: true !default;
+$experimental-support-for-mozilla: true !default;
+$experimental-support-for-microsoft: true !default;
+
+@mixin viewport {
+  @if $experimental-suport-for-webkit {
+    @-webkit-viewport {
+      @content;
+    }
+  }
+  @if $experimental-support-for-mozilla {
+    @-moz-viewport {
+      @content;
+    }
+  }
+  @if $experimental-support-for-microsoft {
+    @-ms-viewport {
+      @content;
+    }
+  }
+  @viewport {
+    @content;
+  }
+}
+

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: toolkit
 version: !ruby/object:Gem::Version 
-  version: 1.1.1
+  version: 1.2.1
 platform: ruby
 authors: 
 - Sam Richard
@@ -84,6 +84,7 @@ files:
 - stylesheets/toolkit/_clearfix.scss
 - stylesheets/toolkit/_colors.scss
 - stylesheets/toolkit/_colours.scss
+- stylesheets/toolkit/_element-query.scss
 - stylesheets/toolkit/_equal-height-columns.scss
 - stylesheets/toolkit/_fluid-media.scss
 - stylesheets/toolkit/_fonts.scss
@@ -92,6 +93,7 @@ files:
 - stylesheets/toolkit/_selectors.scss
 - stylesheets/toolkit/_triangle.scss
 - stylesheets/toolkit/_vertical-center.scss
+- stylesheets/toolkit/_viewport.scss
 - templates/box-sizing/behaviors/box-sizing/boxsizing.htc
 - templates/box-sizing/behaviors/box-sizing/boxsizing.php
 - templates/box-sizing/manifest.rb
@@ -115,8 +117,9 @@ files:
 - templates/shared/style.scss
 - LICENSE.txt
 homepage: https://github.com/Snugug/toolkit
-licenses: []
-
+licenses: 
+- MIT
+- GPL
 metadata: {}
 
 post_install_message: