zen-grids 1.5 → 2.0.0.alpha.1

data/{stylesheets/zen → zen-grids}/_grids.scss

@@ -11,7 +11,6 @@ $zen-gutter-width                 : 20px        !default;
 
 // @see http://zengrids.com/help/#zen-auto-include-item-base
 $zen-auto-include-item-base       : true        !default;
-$zen-auto-include-flow-item-base  : true        !default;
 
 // Specify the width of the entire grid. @see http://zengrids.com/help/#zen-grid-width
 $zen-grid-width                   : 100%        !default;
@@ -98,7 +97,10 @@ $zen-reverse-all-floats           : false       !default;
   width: $width;
   margin: {
     #{$dir}: ($column-position - 1) * $unit-width;
-    #{$rev}: (1 - $column-position - $column-span) * $unit-width;
+    #{$rev}: -100%;
+  }
+  @if ($legacy-support-for-ie6 or $legacy-support-for-ie7) {
+    *margin-#{$rev}: -99.9%;
   }
 
   // Auto-apply the unit base mixin.
@@ -177,117 +179,6 @@ $zen-reverse-all-floats           : false       !default;
   clear: $dir;
 }
 
-//
-// Apply this to flow items that need to be floated.
-// @see http://zengrids.com/help/#zen-float
-//
-@mixin zen-float(
-  $float-direction      : $zen-float-direction,
-  $reverse-all-floats   : $zen-reverse-all-floats
-) {
-  // Determine the float direction.
-  $dir: $float-direction;
-  @if $reverse-all-floats {
-    $dir: zen-direction-flip($dir);
-  }
-  float: $dir;
-}
-
-//
-// Apply this to an HTML item that is in the normal flow of a document to help
-// align it to the grid. @see http://zengrids.com/help/#zen-float
-//
-@mixin zen-grid-flow-item(
-  $column-span,
-  $parent-column-count          : false,
-  $alpha-gutter                 : false,
-  $omega-gutter                 : true,
-  $flow-direction               : $zen-float-direction,
-  $column-count                 : $zen-column-count,
-  $gutter-width                 : $zen-gutter-width,
-  $grid-width                   : $zen-grid-width,
-  $box-sizing                   : $zen-box-sizing,
-  $reverse-all-flows            : $zen-reverse-all-floats,
-  $auto-include-flow-item-base  : $zen-auto-include-flow-item-base
-) {
-
-  $columns: $column-count;
-  @if unit($grid-width) == "%" {
-    @if $parent-column-count == false {
-      @warn "For responsive layouts with a percentage-based grid width, you must set the $parent-column-count to the number of columns that the parent element spans.";
-    }
-    @else {
-      $columns: $parent-column-count;
-    }
-  }
-
-  $dir: $flow-direction;
-  @if $reverse-all-flows {
-    $dir: zen-direction-flip($dir);
-  }
-  $rev: zen-direction-flip($dir);
-
-  // Auto-apply the unit base mixin.
-  @if $auto-include-flow-item-base {
-    @include zen-grid-item-base($gutter-width, $box-sizing);
-  }
-
-  // Calculate the item's width.
-  $width: zen-grid-item-width($column-span, $columns, $gutter-width, $grid-width, $box-sizing);
-
-  @if unit($grid-width) == "%" {
-    // Our percentage $width is off if the parent has $gutter-width padding.
-    // Calculate an adjusted gutter to fix the width.
-    $adjusted-gutter: ($columns - $column-span) * $gutter-width / $columns;
-
-    width: $width;
-
-    // Ensure the HTML item either has a full gutter or no gutter on each side.
-    padding-#{$dir}: 0;
-    @if $alpha-gutter {
-      margin-#{$dir}: $gutter-width;
-    }
-    padding-#{$rev}: $adjusted-gutter;
-    @if $omega-gutter {
-      margin-#{$rev}: $gutter-width - $adjusted-gutter;
-    }
-    @else {
-      margin-#{$rev}: -($adjusted-gutter);
-    }
-  }
-  @else {
-    @if $alpha-gutter and $omega-gutter {
-      width: $width;
-      @if $gutter-width != 0 {
-        margin: {
-          #{$dir}: zen-half-gutter($gutter-width, left, $dir);
-          #{$rev}: zen-half-gutter($gutter-width, right, $dir);
-        }
-      }
-    }
-    @else if not $alpha-gutter and not $omega-gutter {
-      width: if($box-sizing == border-box, ($width - $gutter-width), $width);
-      @if $gutter-width != 0 {
-        padding: {
-          left: 0;
-          right: 0;
-        }
-      }
-    }
-    @else {
-      width: $width;
-      @if $omega-gutter {
-        padding-#{$dir}: 0;
-        padding-#{$rev}: $gutter-width;
-      }
-      @else {
-        padding-#{$dir}: $gutter-width;
-        padding-#{$rev}: 0;
-      }
-    }
-  }
-}
-
 
 //
 // Helper functions for the Zen mixins.

metadata

@@ -1,50 +1,54 @@
---- !ruby/object:Gem::Specification
+--- !ruby/object:Gem::Specification 
 name: zen-grids
-version: !ruby/object:Gem::Version
-  version: '1.5'
+version: !ruby/object:Gem::Version 
+  prerelease: true
+  segments: 
+  - 2
+  - 0
+  - 0
+  - alpha
+  - 1
+  version: 2.0.0.alpha.1
 platform: ruby
-authors:
+authors: 
 - John Albin Wilkins
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-09-04 00:00:00.000000000 Z
-dependencies:
-- !ruby/object:Gem::Dependency
+
+date: 2013-02-19 00:00:00 +08:00
+default_executable: 
+dependencies: 
+- !ruby/object:Gem::Dependency 
   name: sass
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '3.1'
-    - - "<"
-      - !ruby/object:Gem::Version
-        version: '3.4'
-  type: :runtime
   prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    requirements: 
     - - ">="
-      - !ruby/object:Gem::Version
-        version: '3.1'
-    - - "<"
-      - !ruby/object:Gem::Version
-        version: '3.4'
-description: Zen Grids is an intuitive, flexible grid system that leverages the natural
-  source order of your content to make it easier to create fluid responsive designs.
-  With an easy-to-use Sass mixin set, the Zen Grids system can be applied to an infinite
-  number of layouts, including responsive, adaptive, fluid and fixed-width layouts.
+      - !ruby/object:Gem::Version 
+        segments: 
+        - 3
+        - 1
+        version: "3.1"
+  type: :runtime
+  version_requirements: *id001
+description: Zen Grids is an intuitive, flexible grid system that leverages the natural source order of your content to make it easier to create fluid responsive designs. With an easy-to-use Sass mixin set, the Zen Grids system can be applied to an infinite number of layouts, including responsive, adaptive, fluid and fixed-width layouts.
 email: virtually.johnalbin@gmail.com
 executables: []
+
 extensions: []
+
 extra_rdoc_files: []
-files:
+
+files: 
+- component.json
 - LICENSE.txt
 - README.txt
 - lib/zen-grids.rb
-- stylesheets/_zen.scss
-- stylesheets/zen/_background.scss
-- stylesheets/zen/_grids.scss
+- _zen-grids.scss
+- zen-grids/_background.scss
+- zen-grids/_flow.scss
+- zen-grids/_grids.scss
 - templates/project/_init.scss
 - templates/project/_layout.scss
 - templates/project/_modules.scss
@@ -52,8 +56,8 @@ files:
 - templates/project/example.html
 - templates/project/manifest.rb
 - templates/project/styles.scss
-- templates/unit-tests/README.txt
 - templates/unit-tests/manifest.rb
+- templates/unit-tests/README.txt
 - templates/unit-tests/sass/function-zen-direction-flip.scss
 - templates/unit-tests/sass/function-zen-grid-item-width.scss
 - templates/unit-tests/sass/function-zen-half-gutter.scss
@@ -79,28 +83,37 @@ files:
 - templates/unit-tests/test-results/zen-grid-item.css
 - templates/unit-tests/test-results/zen-nested-container.css
 - zen-grids.gemspec
+has_rdoc: true
 homepage: http://zengrids.com
-licenses:
-- GPL-2
-metadata: {}
+licenses: []
+
 post_install_message: 
 rdoc_options: []
-require_paths:
+
+require_paths: 
 - lib
-required_ruby_version: !ruby/object:Gem::Requirement
-  requirements:
-  - - ">="
-    - !ruby/object:Gem::Version
-      version: '0'
-required_rubygems_version: !ruby/object:Gem::Requirement
-  requirements:
+required_ruby_version: !ruby/object:Gem::Requirement 
+  requirements: 
   - - ">="
-    - !ruby/object:Gem::Version
-      version: '0'
+    - !ruby/object:Gem::Version 
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">"
+    - !ruby/object:Gem::Version 
+      segments: 
+      - 1
+      - 3
+      - 1
+      version: 1.3.1
 requirements: []
-rubyforge_project: '1.5'
-rubygems_version: 2.4.8
+
+rubyforge_project: 2.0.0.alpha.1
+rubygems_version: 1.3.6
 signing_key: 
-specification_version: 4
+specification_version: 3
 summary: A Compass plugin for Zen Grids, a fluid responsive grid system
 test_files: []
+

checksums.yaml

@@ -1,7 +0,0 @@
----
-SHA1:
-  metadata.gz: 696f0ffa70c713bc6dd9dd0a69ccb272c2bc4272
-  data.tar.gz: 914df65e4becd098a9e92550eab1bd9ed536b34c
-SHA512:
-  metadata.gz: 0f30863a763f6ac3b3263e675e3235e60c614b0f4214adc66024ed0058ccecb94324c94781862e480d369d770e923c8c9711da659199de6bb03b00f2c5824041
-  data.tar.gz: 35e5fc45ebfc87e6789be16b243c8318f8735cbeb4cc35b309f36fcbe16951309a6533ca886cfa7cd9ce80f22873c5585c45a231a7c5091920d3e47c7505311a

data/stylesheets/_zen.scss

@@ -1,3 +0,0 @@
-// Import the partial for Zen Grids.
-
-@import "zen/grids";