grid-coordinates 1.0.3 → 1.0.4

data/README.textile

@@ -1,12 +1,12 @@
-h1. Grid Coordinates - Compass Plugin
+h1. Grid Coordinates - Compass Extension
 
-Grid Coordinates is Simple. Grid Coordinates is just a grid. It also supports nested grids and is also able to generate the CSS for a multitude of grid coordinates.
+Grid Coordinates is a Compass extension. It's simple. It's just a grid that supports nested grids and is also able to generate the CSS for a multitude of grid coordinates.
 
 The default grid setup is 960px wide, 12 columns at 60px each with a 20px gutter. Feel free to mix it up with something like -- 960 / 16 / 40 / 20, or 800 / 10 / 60 / 20.
 
 Just update the 4 variables to change the coordinates of your grid. Use 1kbgrid.com as a guide to the grid's coordinate options.
 
-Grid Coordinates is a "Compass":http://compass-style.org/ plugin based on Tyler Tate's 1kb CSS Grid project.
+Grid Coordinates is a "Compass":http://compass-style.org/ extension based on Tyler Tate's 1kb CSS Grid project.
 
 h2. Installation
 
@@ -17,7 +17,7 @@ sudo gem sources -a http://gemcutter.org/
 
 Next, let's install Grid Coordinates and Compass
 
-bc. sudo gem install compass-grid-coordinates-plugin
+bc. sudo gem install grid-coordinates
 
 Compass should get installed with Grid Coordinates because it's set as a dependency. If for some reason it didn't, you will need to manually install it.
 

data/VERSION

@@ -1 +1 @@
-1.0.3
+1.0.4

data/sass/grid-coordinates/grid.sass

@@ -1,18 +1,23 @@
-//  ----------------------------------------------------------------------------
-//  Grid Coordinates is based on Tyler Tate's 1kb CSS Grid project (1kbgrid.com)
-//  ----------------------------------------------------------------------------
+//  --------------------------------------------------------------------------------
+//  Grid Coordinates was inspired by Tyler Tate's 1kb CSS Grid project (1kbgrid.com)
+//  --------------------------------------------------------------------------------
 //  The default grid is 960px wide, 12 columns at 60px each with a 20px gutter.
 //
-//  Update the 4 variables below to change your grid setup.
+//  Set the 3 variables below to define your grid coordinates.
 //  Use 1kbgrid.com as a guide to the various grid coordinates possible.
 
 @import compass/utilities
 
-!grid_width ||= 960px
+//  How many grid columns would you like?
 !grid_columns ||= 12
+//  How many pixels wide would you like each column to be?
 !grid_pixels ||= 60px
+//  How many pixels wide would you like the gutter to be?
 !grid_gutter_width ||= 20px
 
+//  Set grid width
+!grid_width = (!grid_columns * !grid_pixels) + (!grid_columns * !grid_gutter_width)
+
 =grid(!grid_columns)
   +column
   @if !grid_columns == 1
@@ -25,59 +30,30 @@
   margin = 0 !grid_gutter_width / 2
   overflow: hidden
 
-=grid-container(!nested = "nil")
-  @if !nested == "nested"
-    margin: 0
-      left = -!grid_gutter_width / 2
-      right = -!grid_gutter_width / 2
-    display: inline-block
-    width: auto
+=grid-container
+  margin: 0 auto
+  overflow: hidden
+  width = !grid_width
+
+=nested-grid-container
+  display: inline-block
+  margin:
+    left = -!grid_gutter_width / 2
+    right = -!grid_gutter_width / 2
+  overflow: hidden
+  width: auto
+
+=grid-prefix(!grid_columns)
+  @if !grid_columns == 1
+    padding-left = !grid_pixels + !grid_gutter_width
   @else
-    margin: 0 auto
-    overflow: hidden
-    width = !grid_width
+    padding-left = (!grid_columns * !grid_pixels) + (!grid_columns * !grid_gutter_width)
 
-=grid-full
-  +grid(!grid_columns)
+=grid-suffix(!grid_columns)
+  @if !grid_columns == 1
+    padding-right = !grid_pixels + !grid_gutter_width
+  @else
+    padding-right = (!grid_columns * !grid_pixels) + (!grid_columns * !grid_gutter_width)
 
-.grid_container
-  +grid-container
-  &.nested
-    +grid-container("nested")
-  .grid
-    &.one
-      +grid(1)
-    &.two
-      +grid(2)
-    &.three
-      +grid(3)
-    &.four
-      +grid(4)
-    &.five
-      +grid(5)
-    &.six
-      +grid(6)
-    &.seven
-      +grid(7)
-    &.eight
-      +grid(8)
-    &.nine
-      +grid(9)
-    &.ten
-      +grid(10)
-    &.eleven
-      +grid(11)
-    &.twelve
-      +grid(12)
-    &.full
-      +grid-full
-  
-  //  Example styling for prototyping a grid with text labels
-  //  As seen here: http://flickr.com/ ...#TODO
-  .example
-    p
-      background: #333 !important
-      border: 1px solid #000 !important
-      color: #fff !important
-      line-height: 70px !important
-      text-align: center !important
+=grid-full
+  +grid(!grid_columns)

data/templates/project/partials/_grid.sass

@@ -1,50 +1,11 @@
 //  The following locks in our grid coordinates
 
-!grid_width ||= 960px
 !grid_columns ||= 12
 !grid_pixels ||= 60px
 !grid_gutter_width ||= 20px
 
 @import grid-coordinates/grid
 
-//  The following code generates the required CSS for your grid
-//  This is just an example. It is already done for you inside the plugin
-//
-//  See below for an example on how to use Grid Coordinates
-//  using the mixin method using semantic markup and selectors
-//
-//  .grid_container
-//    +grid-container
-//    &.nested
-//      +grid-container("nested")
-//    .grid
-//      &.one
-//        +grid(1)
-//      &.two
-//        +grid(2)
-//      &.three
-//        +grid(3)
-//      &.four
-//        +grid(4)
-//      &.five
-//        +grid(5)
-//      &.six
-//        +grid(6)
-//      &.seven
-//        +grid(7)
-//      &.eight
-//        +grid(8)
-//      &.nine
-//        +grid(9)
-//      &.ten
-//        +grid(10)
-//      &.eleven
-//        +grid(11)
-//      &.twelve
-//        +grid(12)
-//      &.full
-//        +grid-full
-
 //  Like most Compass users, I build my layouts with semantic markup and selectors
 //
 //  #branding, #page, #footer

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: grid-coordinates
 version: !ruby/object:Gem::Version 
-  version: 1.0.3
+  version: 1.0.4
 platform: ruby
 authors: 
 - Adam Stacoviak
@@ -9,7 +9,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2009-10-01 00:00:00 -05:00
+date: 2009-10-28 00:00:00 -05:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency