toolkit 0.2.1.3 → 0.2.2

data/lib/toolkit.rb

@@ -11,4 +11,11 @@ module Sass::Script::Functions
     result = haystack.value.gsub(needle.value, replace.value)
     Sass::Script::String.new(result)
   end
+
+  def children_of_ie_nth(input)
+    n = "n"
+    b = ""
+    result = input.value.gsub(n, b)
+    Sass::Script::Number.new(result.to_i)
+  end
 end

data/stylesheets/_toolkit.scss

@@ -33,6 +33,11 @@
 //////////////////////////////
 @import 'toolkit/colours';
 
+//////////////////////////////
+// Import Triangle
+//////////////////////////////
+@import 'toolkit/triangle';
+
 //////////////////////////////
 // Import Selector Awesomeness
 //////////////////////////////

data/stylesheets/toolkit/_children-of-ie.scss

@@ -0,0 +1,26 @@
+////////////////////////
+// nth-child() support for IE 7 and 8
+////////////////////////
+
+@function nth-child($n) {
+
+  // If a single number for nth.
+  @if type-of($n) == number {
+    $nth-child: first-child;
+    @for $i from 2 through $n {
+      $nth-child: append($nth-child, #{"+*"});
+    }
+    @return #{":"}$nth-child;
+  }
+
+  // If a nth-child string, need to parse the string.
+  @else {
+    $n: nth(children-of-ie-nth($n), 1);
+    $nth-child: first-child;
+    @for $i from 2 through $n {
+      $nth-child: append($nth-child, #{"~*"});
+    }
+    @return #{":"}$nth-child;
+  }
+}
+

data/stylesheets/toolkit/_fluid-media.scss

@@ -7,19 +7,31 @@ img, video {
 }
 
 ////////////////////////
-// Scaling Embeds WITH NO JAVASCIPT!
-//
-// From the outrageously awesome Scott Kellum
+// Fluid Embeds and whatever WITH NO JAVASCIPT!
 ////////////////////////
 $intrinsic-ratio: 16/9 !default;
 $intrinsic-ratio-width: 100% !default;
 $intrinsic-ratio-elements: '*' !default;
 $intrinsic-ratio-extend: true !default;
 
-@mixin intrinsic-ratio($ratio: $intrinsic-ratio, $width: $intrinsic-ratio-width, $elements: $intrinsic-ratio-elements, $extend: $intrinsic-ratio-extend) {
-  @if not $extend {
+@mixin intrinsic-ratio-parent {
     position: relative;
     height: 0;
+}
+
+@mixin intrinsic-ratio-child {
+  display: block;
+  position: absolute;
+  width: 100% !important; // Nuke the external styles
+  height: 100% !important; // Nuke the external styles
+  top: 0;
+  margin: 0;
+  padding: 0;
+}
+
+@mixin intrinsic-ratio($ratio: $intrinsic-ratio, $width: $intrinsic-ratio-width, $elements: $intrinsic-ratio-elements, $extend: $intrinsic-ratio-extend) {
+  @if not $extend {
+    @include intrinsic-ratio-parent;
   }
   @else {
     @extend %intrinsic-ratio-parent;
@@ -29,13 +41,7 @@ $intrinsic-ratio-extend: true !default;
   @each $element in $elements {
     > #{$element} {
       @if not $extend {
-        display: block;
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        top: 0;
-        margin: 0;
-        padding: 0;
+        @include intrinsic-ratio-child;
       }
       @else {
         @extend %intrinsic-ratio-child;
@@ -45,16 +51,9 @@ $intrinsic-ratio-extend: true !default;
 }
 
 %intrinsic-ratio-parent {
-  position: relative;
-  height: 0;
+  @include intrinsic-ratio-parent;
 }
 
 %intrinsic-ratio-child {
-  display: block;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  margin: 0;
-  padding: 0;
+  @include intrinsic-ratio-child;
 }

data/stylesheets/toolkit/_selectors.scss

@@ -34,6 +34,9 @@
   }
 }
 
+//////////////////////////////
+// External Link Selectors
+//////////////////////////////
 @mixin style-external-links($base-url: false, $scheme: 'all') {
   @if $base-url {
     @if $scheme == 'plain' {
@@ -79,6 +82,9 @@
 
 $legacy-support-for-ie: true !default;
 
+//////////////////////////////
+// Syle Internal Links
+//////////////////////////////
 @mixin style-internal-links {
   @if $legacy-support-for-ie {
     a {
@@ -89,4 +95,29 @@ $legacy-support-for-ie: true !default;
   a:not([href^='https://']) {
     @content;
   }
+}
+
+////////////////////////
+// nth-child() support for IE 7 and 8
+////////////////////////
+@function nth-child($n) {
+
+  // If a single number for nth.
+  @if type-of($n) == number {
+    $nth-child: first-child;
+    @for $i from 2 through $n {
+      $nth-child: append($nth-child, #{"+*"});
+    }
+    @return #{":"}$nth-child;
+  }
+
+  // If a nth-child string, need to parse the string.
+  @else {
+    $n: nth(children-of-ie-nth($n), 1);
+    $nth-child: first-child;
+    @for $i from 2 through $n {
+      $nth-child: append($nth-child, #{"~*"});
+    }
+    @return #{":"}$nth-child;
+  }
 }

data/stylesheets/toolkit/_triangle.scss

@@ -0,0 +1,46 @@
+//////////////////////////////
+// Draw triangles
+//////////////////////////////
+
+@mixin triangle($color: #000, $height: 1em, $width: 1em, $angle: 0) {
+  
+  // offset 45deg to make each side start at 0
+  $deg: $angle + 45;
+  // if units, remove units
+  @if unit($deg) == deg {
+    $deg: $deg / 1deg;
+  }
+  // shift to be on a scale from 0 to 90.
+  @while $deg > 90 {
+    $deg: $deg - 90;
+  }
+  @while $deg < 0 {
+    $deg: $deg + 90;
+  }
+  // Get a ratio of 90 to multiply by.
+  $deg: $deg / 90;
+
+  // make sure metrics are reset
+  display: block;
+  width: 0;
+  height: 0;
+  border: 0 solid transparent;
+
+  // run through sides
+  @if $angle <= 45 or $angle > 315 {
+    border-bottom-color: $color;
+    border-width: 0 ($width * abs($deg - 1)) $height ($width * $deg);
+  }
+  @if $angle > 45 and $angle <= 135 {
+    border-left-color: $color;
+    border-width: ($height * $deg) 0 ($height * abs($deg - 1)) $width;
+  }
+  @if $angle > 135 and $angle <= 225 {
+    border-top-color: $color;
+    border-width: $height ($width * $deg) 0 ($width * abs($deg - 1));
+  }
+  @if $angle > 225 and $angle <= 315 {
+    border-right-color: $color;
+    border-width: ($height * abs($deg - 1)) $width ($height * $deg) 0;
+  }
+}

metadata

@@ -5,18 +5,18 @@ version: !ruby/object:Gem::Version
   segments: 
   - 0
   - 2
-  - 1
-  - 3
-  version: 0.2.1.3
+  - 2
+  version: 0.2.2
 platform: ruby
 authors: 
 - Sam Richard
+- Scott Kellum
 - Mason Wendell
 autorequire: 
 bindir: bin
 cert_chain: []
 
-date: 2011-11-29 00:00:00 -05:00
+date: 2011-12-26 00:00:00 -05:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
@@ -43,8 +43,8 @@ dependencies:
         segments: 
         - 1
         - 0
-        - 1
-        version: 1.0.1
+        - 5
+        version: 1.0.5
   type: :runtime
   version_requirements: *id002
 - !ruby/object:Gem::Dependency 
@@ -56,8 +56,8 @@ dependencies:
       - !ruby/object:Gem::Version 
         segments: 
         - 2
-        - 5
-        version: "2.5"
+        - 6
+        version: "2.6"
   type: :runtime
   version_requirements: *id003
 - !ruby/object:Gem::Dependency 
@@ -70,13 +70,14 @@ dependencies:
         segments: 
         - 0
         - 0
-        - 15
-        version: 0.0.15
+        - 17
+        version: 0.0.17
   type: :runtime
   version_requirements: *id004
 description: Toolkit for Progressive Enhancement and Responsive Web Design
 email: 
 - sam@snug.ug
+- scott@scottkellum.com
 - mason@zivtech.com
 executables: []
 
@@ -88,11 +89,13 @@ files:
 - lib/toolkit.rb
 - stylesheets/_toolkit.scss
 - stylesheets/toolkit/_border-box.scss
+- stylesheets/toolkit/_children-of-ie.scss
 - stylesheets/toolkit/_clearfix.scss
 - stylesheets/toolkit/_colours.scss
 - stylesheets/toolkit/_fluid-media.scss
 - stylesheets/toolkit/_pe.scss
 - stylesheets/toolkit/_selectors.scss
+- stylesheets/toolkit/_triangle.scss
 - stylesheets/toolkit/_vertical-center.scss
 - templates/project/_base.scss
 - templates/project/manifest.rb