susy 1.0.1 → 1.0.2

data/CHANGELOG.mkdn

@@ -1,6 +1,12 @@
 Susy Changelog
 ==============
 
+v1.0.2 [Oct 20, 2012]
+---------------------
+
+* Fix a bug with `container-outer-width` ignoring `$columns` argument.
+* Turn off legacy-ie support inside CSS3 selectors (`nth-omega` etc).
+
 v1.0.1 [Sept 12, 2012]
 ----------------------
 

data/VERSION

@@ -1 +1 @@
-1.0.1
+1.0.2

data/sass/_susy.scss

@@ -1,3 +1,19 @@
+// ---------------------------------------------------------------------------
+// Helpers
+
+@mixin adjust-support-for(
+    $moz: $experimental-support-for-mozilla,
+    $webkit: $experimental-support-for-webkit,
+    $ms: $experimental-support-for-microsoft,
+    $o: $experimental-support-for-opera,
+    $khtml: $experimental-support-for-khtml,
+    $legacy-ie: $legacy-support-for-ie
+) {
+  @include with-only-support-for($moz, $webkit, $ms, $o, $khtml, $legacy-ie) {
+    @content;
+  }
+}
+
 // ---------------------------------------------------------------------------
 // Partials
 

data/sass/susy/_functions.scss

@@ -50,7 +50,7 @@ $browser-default-font-size-pt       : 12pt;
 @function container-outer-width(
   $columns  : $total-columns
 ) {
-  $width: columns-width();
+  $width: columns-width($columns);
 
   @if $container-width {
     $width: $container-width;

data/sass/susy/_grid.scss

@@ -169,7 +169,10 @@
   $selector : child,
   $from     : $from-direction
 ) {
-  &:#{format-nth($n,$selector)} { @include omega($from); }
+  $ie: if($n == "first", true, false);
+  @include adjust-support-for($legacy-ie: $ie) {
+    &:#{format-nth($n,$selector)} { @include omega($from); }
+  }
 }
 
 // ---------------------------------------------------------------------------
@@ -226,7 +229,10 @@
   $context  : $total-columns,
   $from     : $from-direction
 ) {
-  &:#{format-nth($n,$selector)} { @include remove-omega($context,$from); }
+  $ie: if($n == "first", true, false);
+  @include adjust-support-for($legacy-ie: $ie) {
+    &:#{format-nth($n,$selector)} { @include remove-omega($context,$from); }
+  }
 }
 
 // ---------------------------------------------------------------------------

data/sass/susy/_media.scss

@@ -1,14 +1,3 @@
-// ---------------------------------------------------------------------------
-// Imports
-
-// Change the legacy-support-for-ie* settings in specific contexts.
-// Here temporarily, until it lands in compass.
-@mixin set-legacy-ie-support($ie6: false, $ie7: false, $ie8: false) {
-  $legacy-support-for-ie6: $ie6;
-  $legacy-support-for-ie7: $ie7;
-  $legacy-support-for-ie8: $ie8;
-}
-
 // ---------------------------------------------------------------------------
 // Media Mixins
 
@@ -64,38 +53,31 @@
       // Set our new layout context.
       @include layout($layout) {
         @if $breakpoint-media-output {
-          // dont need to support old IE inside media-queries
-          $initial-legacy-support-for-ie6: $legacy-support-for-ie6;
-          $initial-legacy-support-for-ie7: $legacy-support-for-ie7;
-          $initial-legacy-support-for-ie8: $legacy-support-for-ie8;
-          @include set-legacy-ie-support(false, false, false);
-
-          @if $min and $max {
-            // Both $min and $max
-            @media (min-width: $min) and (max-width: $max) {
-              @content;
-            }
-          } @else {
-            @if (not $min) and (not $max) {
-              // Neither $min nor $max:
-              // We can create a breakpoint based on the number of columns in the layout.
-              $min: fix-ems(container-outer-width());
-            }
-            @if $min {
-              // Min only:
-              @media (min-width: $min) {
+          @include adjust-support-for($legacy-ie: false) {
+            @if $min and $max {
+              // Both $min and $max
+              @media (min-width: $min) and (max-width: $max) {
                 @content;
               }
             } @else {
-              // Max only:
-              @media (max-width: $max) {
-                @content;
+              @if (not $min) and (not $max) {
+                // Neither $min nor $max:
+                // We can create a breakpoint based on the number of columns in the layout.
+                $min: fix-ems(container-outer-width());
+              }
+              @if $min {
+                // Min only:
+                @media (min-width: $min) {
+                  @content;
+                }
+              } @else {
+                // Max only:
+                @media (max-width: $max) {
+                  @content;
+                }
               }
             }
           }
-
-          // return IE support to its initial setting
-          @include set-legacy-ie-support($initial-legacy-support-for-ie6, $initial-legacy-support-for-ie7, $initial-legacy-support-for-ie8);
         }
         // Set an IE fallback
         @if $ie and $breakpoint-ie-output {

data/susy.gemspec

@@ -2,11 +2,11 @@
 
 Gem::Specification.new do |s|
   s.name = %q{susy}
-  s.version = "1.0.1"
+  s.version = "1.0.2"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 1.2") if s.respond_to? :required_rubygems_version=
   s.authors = ["Eric Meyer"]
-  s.date = %q{2012-09-11}
+  s.date = %q{2012-10-20}
   s.description = %q{Susy grids are fluid on the inside, ready to respond at any moment, but contained in the candy shell of your choice, so they respond how and when and where you want them to. We don't design your site or dictate your markup, we just do the math and get out of your way.}
   s.email = %q{eric@oddbird.net}
   s.extra_rdoc_files = ["CHANGELOG.mkdn", "LICENSE.txt", "README.md", "lib/susy.rb"]

data/test/css/grid.css

@@ -69,8 +69,6 @@
 .nth-omega:last-child {
   float: right;
   margin-right: 0;
-  #margin-left: -1em;
-  display: inline;
 }
 
 .remove-omega {
@@ -82,7 +80,6 @@
 .remove-nth-omega:last-child {
   float: left;
   margin-right: 1.69492%;
-  #margin-left: auto;
 }
 
 /* ---------------------------------------------------------------------------

data/test/css/media.css

@@ -15,6 +15,7 @@
 
 @media (min-width: 29em) {
   .breakpoint .break6 {
+    *zoom: 1;
     max-width: 29em;
     margin-left: auto;
     margin-right: auto;

metadata

@@ -5,8 +5,8 @@ version: !ruby/object:Gem::Version
   segments: 
   - 1
   - 0
-  - 1
-  version: 1.0.1
+  - 2
+  version: 1.0.2
 platform: ruby
 authors: 
 - Eric Meyer
@@ -14,7 +14,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2012-09-11 00:00:00 -06:00
+date: 2012-10-20 00:00:00 -06:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency