grid-coordinates 1.0.7 → 1.0.8

data/lib/grid-coordinates.rb

@@ -1,2 +1,10 @@
+require 'compass'
+
 # path from the library file to where you're keeping your compass stuff.
-Compass::Frameworks.register("grid-coordinates", :path => "#{File.dirname(__FILE__)}/..")
+Compass::Frameworks.register("grid-coordinates", :path => "#{File.dirname(__FILE__)}/..")
+
+module GridCoordinates
+  
+  VERSION = "1.0.8".freeze
+
+end

data/stylesheets/_grid-coordinates.sass

@@ -2,7 +2,7 @@
 
 // Configure grid coordinates
 $grid-columns: 12 !default
-$grid-pixels: 60px !default
+$grid-width: 60px !default
 $grid-gutter-width: 20px !default
 
 @mixin grid-coordinates
@@ -12,7 +12,7 @@ $grid-gutter-width: 20px !default
   .grid-container
     margin: 0 auto
     overflow: hidden
-    width: ($grid-columns * $grid-pixels) + ($grid-columns * $grid-gutter-width)
+    width: ($grid-columns * $grid-width) + ($grid-columns * $grid-gutter-width)
   .nested-grid-container
     display: inline-block
     margin:
@@ -20,9 +20,14 @@ $grid-gutter-width: 20px !default
       right: -$grid-gutter-width / 2
     overflow: hidden
     width: auto
+  .grid-block
+    @include float-left
+    overflow: hidden
+    margin: 0 ($grid-gutter-width / 2)
   @for $i from 1 through $grid-columns
     .grid-#{$i}
       @include grid($i)
+      @extend .grid-block
   .grid-full
     @include grid($grid-columns)
   @for $i from 1 through $grid-columns - 1
@@ -34,24 +39,21 @@ $grid-gutter-width: 20px !default
 
 @mixin grid($grid-columns)
   @include grid-width($grid-columns)
-  @include float-left
-  margin: 0 $grid-gutter-width / 2
-  overflow: hidden
 
 @mixin grid-width($grid-columns)
   @if $grid-columns == 1
-    width: $grid-pixels
+    width: $grid-width
   @else
-    width: ($grid-columns * $grid-pixels) + (($grid-columns * $grid-gutter-width) - $grid-gutter-width)
+    width: ($grid-columns * $grid-width) + (($grid-columns * $grid-gutter-width) - $grid-gutter-width)
 
 @mixin grid-prefix($grid-columns)
   @if $grid-columns == 1
-    padding-left: $grid-pixels + $grid-gutter-width
+    padding-left: $grid-width + $grid-gutter-width
   @else
-    padding-left: ($grid-columns * $grid-pixels) + ($grid-columns * $grid-gutter-width)
+    padding-left: ($grid-columns * $grid-width) + ($grid-columns * $grid-gutter-width)
 
 @mixin grid-suffix($grid-columns)
   @if $grid-columns == 1
-    padding-right: $grid-pixels + $grid-gutter-width
+    padding-right: $grid-width + $grid-gutter-width
   @else
-    padding-right: ($grid-columns * $grid-pixels) + ($grid-columns * $grid-gutter-width)
+    padding-right: ($grid-columns * $grid-width) + ($grid-columns * $grid-gutter-width)

data/stylesheets/_grid-coordinates.scss

@@ -2,7 +2,7 @@
 
 // Configure grid coordinates
 $grid-columns: 12 !default;
-$grid-pixels: 60px !default;
+$grid-width: 60px !default;
 $grid-gutter-width: 20px !default;
 
 @mixin grid-coordinates {
@@ -11,7 +11,7 @@ $grid-gutter-width: 20px !default;
   .grid-container {
     margin: 0 auto;
     overflow: hidden;
-    width: $grid-columns * $grid-pixels + $grid-columns * $grid-gutter-width; }
+    width: $grid-columns * $grid-width + $grid-columns * $grid-gutter-width; }
   .nested-grid-container {
     display: inline-block;
     margin: {
@@ -19,9 +19,14 @@ $grid-gutter-width: 20px !default;
       right: -$grid-gutter-width / 2; };
     overflow: hidden;
     width: auto; }
+  .grid-block {
+    @include float-left;
+    overflow: hidden;
+    margin: 0 $grid-gutter-width / 2; }
   @for $i from 1 through $grid-columns {
     .grid-#{$i} {
-      @include grid($i); } }
+      @include grid($i);
+      @extend .grid-block; } }
   .grid-full {
     @include grid($grid-columns); }
   @for $i from 1 through $grid-columns - 1 {
@@ -32,25 +37,22 @@ $grid-gutter-width: 20px !default;
       @include grid-suffix($i); } } }
 
 @mixin grid($grid-columns) {
-  @include grid-width($grid-columns);
-  @include float-left;
-  margin: 0 $grid-gutter-width / 2;
-  overflow: hidden; }
+  @include grid-width($grid-columns); }
 
 @mixin grid-width($grid-columns) {
   @if $grid-columns == 1 {
-    width: $grid-pixels; }
+    width: $grid-width; }
   @else {
-    width: $grid-columns * $grid-pixels + $grid-columns * $grid-gutter-width - $grid-gutter-width; } }
+    width: $grid-columns * $grid-width + $grid-columns * $grid-gutter-width - $grid-gutter-width; } }
 
 @mixin grid-prefix($grid-columns) {
   @if $grid-columns == 1 {
-    padding-left: $grid-pixels + $grid-gutter-width; }
+    padding-left: $grid-width + $grid-gutter-width; }
   @else {
-    padding-left: $grid-columns * $grid-pixels + $grid-columns * $grid-gutter-width; } }
+    padding-left: $grid-columns * $grid-width + $grid-columns * $grid-gutter-width; } }
 
 @mixin grid-suffix($grid-columns) {
   @if $grid-columns == 1 {
-    padding-right: $grid-pixels + $grid-gutter-width; }
+    padding-right: $grid-width + $grid-gutter-width; }
   @else {
-    padding-right: $grid-columns * $grid-pixels + $grid-columns * $grid-gutter-width; } }
+    padding-right: $grid-columns * $grid-width + $grid-columns * $grid-gutter-width; } }

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: grid-coordinates
 version: !ruby/object:Gem::Version 
-  hash: 25
+  hash: 7
   prerelease: false
   segments: 
   - 1
   - 0
-  - 7
-  version: 1.0.7
+  - 8
+  version: 1.0.8
 platform: ruby
 authors: 
 - Adam Stacoviak
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2010-08-30 00:00:00 -05:00
+date: 2010-09-20 00:00:00 -05:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
@@ -34,7 +34,7 @@ dependencies:
         version: 0.10.5
   type: :runtime
   version_requirements: *id001
-description: A Sass CSS Grid Framework Generator (Compass Extension) inspired by the 1kb CSS Grid project
+description: Highly configurable Sass CSS Grid Framework Generator (Compass Extension)
 email: adam@adamstacoviak.com
 executables: []
 
@@ -75,16 +75,18 @@ required_rubygems_version: !ruby/object:Gem::Requirement
   requirements: 
   - - ">="
     - !ruby/object:Gem::Version 
-      hash: 3
+      hash: 23
       segments: 
-      - 0
-      version: "0"
+      - 1
+      - 3
+      - 6
+      version: 1.3.6
 requirements: []
 
 rubyforge_project: 
 rubygems_version: 1.3.7
 signing_key: 
 specification_version: 3
-summary: A Sass CSS Grid Framework Generator
+summary: A Sass CSS Grid Framework Generator inspired by the 1kb CSS Grid project
 test_files: []