toolkit 0.2.2 → 0.2.3

data/lib/toolkit.rb

@@ -2,16 +2,12 @@ require 'compass'
 require 'susy'
 require 'respond-to'
 require 'singularitygs'
+require 'sassy-strings'
 
 extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
 Compass::Frameworks.register('toolkit', :path => extension_path)
 
 module Sass::Script::Functions
-  def str_replace(needle, replace, haystack)
-    result = haystack.value.gsub(needle.value, replace.value)
-    Sass::Script::String.new(result)
-  end
-
   def children_of_ie_nth(input)
     n = "n"
     b = ""

data/stylesheets/_toolkit.scss

@@ -13,6 +13,11 @@
 ////////////////////////
 @import 'toolkit/fluid-media';
 
+////////////////////////
+// Import Intrinsic Ratio
+////////////////////////
+@import 'toolkit/intrinsic-ratio';
+
 ////////////////////////
 // Import Progressive Enhancement
 ////////////////////////

data/stylesheets/toolkit/_fluid-media.scss

@@ -4,56 +4,4 @@
 img, video {
   max-width: 100%;
   height: auto;
-}
-
-////////////////////////
-// 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-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;
-  }
-  padding-top: (1 / $ratio) * $width;
-  width: $width;
-  @each $element in $elements {
-    > #{$element} {
-      @if not $extend {
-        @include intrinsic-ratio-child;
-      }
-      @else {
-        @extend %intrinsic-ratio-child;
-      }
-    }
-  }
-}
-
-%intrinsic-ratio-parent {
-  @include intrinsic-ratio-parent;
-}
-
-%intrinsic-ratio-child {
-  @include intrinsic-ratio-child;
 }

data/stylesheets/toolkit/_intrinsic-ratio.scss

@@ -0,0 +1,51 @@
+////////////////////////
+// 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-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;
+  }
+  padding-top: (1 / $ratio) * $width;
+  width: $width;
+  @each $element in $elements {
+    #{$element} {
+      @if not $extend {
+        @include intrinsic-ratio-child;
+      }
+      @else {
+        @extend %intrinsic-ratio-child;
+      }
+    }
+  }
+}
+
+%intrinsic-ratio-parent {
+  @include intrinsic-ratio-parent;
+}
+
+%intrinsic-ratio-child {
+  @include intrinsic-ratio-child;
+}

data/stylesheets/toolkit/_pe.scss

@@ -39,6 +39,8 @@
 // - $with-dimensions: Switches between including dimensions (height/width for all and background-size for SVG) or not. Defaults to true.
 // - $inline: Whether or not the containing selector is an inline element. Defaults to false.
 ////////////////////////
+@import "compass/utilities/sprites";
+
 $replace-text-pe-method: 'svg' !default;
 $replace-text-pe-inline-svg: true !default;
 $replace-text-pe-with-dimensions: true !default;

metadata

@@ -5,8 +5,8 @@ version: !ruby/object:Gem::Version
   segments: 
   - 0
   - 2
-  - 2
-  version: 0.2.2
+  - 3
+  version: 0.2.3
 platform: ruby
 authors: 
 - Sam Richard
@@ -74,6 +74,19 @@ dependencies:
         version: 0.0.17
   type: :runtime
   version_requirements: *id004
+- !ruby/object:Gem::Dependency 
+  name: sassy-strings
+  prerelease: false
+  requirement: &id005 !ruby/object:Gem::Requirement 
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        segments: 
+        - 0
+        - 1
+        version: "0.1"
+  type: :runtime
+  version_requirements: *id005
 description: Toolkit for Progressive Enhancement and Responsive Web Design
 email: 
 - sam@snug.ug
@@ -93,6 +106,7 @@ files:
 - stylesheets/toolkit/_clearfix.scss
 - stylesheets/toolkit/_colours.scss
 - stylesheets/toolkit/_fluid-media.scss
+- stylesheets/toolkit/_intrinsic-ratio.scss
 - stylesheets/toolkit/_pe.scss
 - stylesheets/toolkit/_selectors.scss
 - stylesheets/toolkit/_triangle.scss