compass-vgrid-plugin 0.3.1 → 0.4.0

data/LICENSE

@@ -1,4 +1,4 @@
-Copyright (c) 2009 Aaron Russell
+Copyright (c) 2010 Aaron Russell
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the

data/README.md

@@ -2,13 +2,13 @@
 
 vGrid is a Compass compatible SASS port of the [Variable Grid System](http://www.spry-soft.com/grids/) by SprySoft. Provides fixed, fluid and elastic grids and complete control over the grid system.
 
-The original Variable Grid System is based heavily on the [960 Grid System](http://960.gs/) by Nathan Smith, and then the [Fluid 960 Grid System](http://www.designinfluences.com/fluid960gs/) by Design Influences.
+The original Variable Grid System is based on the [960 Grid System](http://960.gs/) by Nathan Smith, and then the [Fluid 960 Grid System](http://www.designinfluences.com/fluid960gs/) by Design Influences.
 
 This Compass plugin is written and maintained by [Aaron Russell](http://www.aaronrussell.co.uk/) and borrows heavily from Chris Eppsteins original [SASS port](http://github.com/chriseppstein/compass-960-plugin) of 960.gs.
 
 ## Installation
 
-Installation is simple via Ruby Gems. [Compass](http://compass-style.org/) is required.
+Installation is simple via Ruby Gems. [Compass](http://compass-style.org/) v0.10.0 is required.
 
     sudo gem install compass-vgrid-plugin
 
@@ -28,51 +28,55 @@ vGrid provides three seperate framework options:
 
 To use vGrid with an existing project simply import the required framework to your SASS. For example:
 
-    @import vgrid/fixed.sass
+    @import "vgrid/fixed";
 
 or
 
-    @import vgrid/fluid.sass
+    @import "vgrid/fluid";
 
 ## Creating a grid system
 
-To create the default CSS classes provided by the Variable Grid System simply use the `+grid_system` mixin. Optionally you can pass the number of columns of your layout to the mixin (defaults to 12):
+To create the default CSS classes provided by the Variable Grid System simply use the `grid_system` mixin. Optionally you can pass the number of columns of your layout to the mixin (defaults to 12):
 
     // Creates a 24 column grid system
-    +grid_system(24)
+    @include grid_system(24);
 
 ## vGrid variables
 
 Typically, you will want to customize your grid system. vGrid provides a number of variables which can be set to alter the grid system:
 
-* `!vgrid_width` - The width of the grid system. Defaults to `960px`. Not used with `fluid` framework.
-* `!vgrid_columns` - The number of columns in the grid system. Defaults to `12`.
-* `!vgrid_gutter` - The width of each column gutter. Defaults to `20px`. Only used with `fixed` framework.
+* `$vgrid_columns` - The number of columns in the grid system. Defaults to `12`.
+* `$vgrid_width` - The width of the grid system. Defaults to `960px`. Not used with `fluid` framework.
+* `$vgrid_gutter` - The width of each column gutter. Defaults to `20px`. Only used with `fixed` framework.
 
 ## Making semantic grids
 
-It's preferable not to use meaningless class names in your HTML markup. A better solution is to mix the styles from the grid system in with your semantic IDs and classes. vGrid provides a number mixins to allow this:
+It's preferable not to use meaningless class names in your HTML markup. A better solution is to mix the styles from the grid system in with your semantic IDs and classes. vGrid provides a number of mixins to allow this:
 
-* `+grid_container` - Declares a container element.
-* `+grid` - Declares a grid element.
-* `+alpha` & `+omega` - Removes the left and right margins from the grid element.
-* `+grid_prefix` & `+grid_suffix` - Adds columns before or after the grid element.
-* `+grid_push` & `+grid_pull` - As above but for absolutely positioned grid elements.
-* `+clearfix` - Clears floated elements.
+* `@include grid_container;` - Declares a container element.
+* `@include grid;` - Declares a grid element.
+* `@include alpha;` & `@include omega;` - Removes the left and right margins from the grid element.
+* `@include prefix;` & `@include suffix;` - Adds columns before or after the grid element.
+* `@include push;` & `@include pull;` - As above but for absolutely positioned grid elements.
+* `@include clearfix;` - Clears floated elements.
 
 For example:
 
-    !vgrid_columns = 16
+    $vgrid_columns: 16;
     
-    #wrap
-      +grid_container
-      #header, #footer
-        +grid(16)
-      #left-nav
-        +grid(5)
-      #main-content
-        +grid_prefix(1)
-        +grid(10)
+    #wrap {
+      @include grid_container;
+      #header, #footer {
+        @include grid(16);
+      }
+      #left-nav {
+        @include grid(5);
+      }
+      #main-content {
+        @include prefix(1);
+        @include grid(10);
+      }
+    }      
 
 ## Copyright
 

data/Rakefile

@@ -10,7 +10,7 @@ begin
     gem.email = "aaron@gc4.co.uk"
     gem.homepage = "http://github.com/aaronrussell/compass-vgrid-plugin"
     gem.authors = ["Aaron Russell"]
-    gem.add_dependency "compass", ">= 0"
+    gem.add_dependency "compass", ">= 0.10.0.rc3"
   end
   Jeweler::GemcutterTasks.new
 rescue LoadError

data/VERSION

@@ -1 +1 @@
-0.3.1
+0.4.0

data/compass-vgrid-plugin.gemspec

@@ -5,11 +5,11 @@
 
 Gem::Specification.new do |s|
   s.name = %q{compass-vgrid-plugin}
-  s.version = "0.3.1"
+  s.version = "0.4.0"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["Aaron Russell"]
-  s.date = %q{2010-01-12}
+  s.date = %q{2010-04-13}
   s.description = %q{A Compass compatible SASS port of the Variable Grid System by Spry Soft (http://www.spry-soft.com/grids/). Based in the 960 Grid System (http://960.gs/). Provides fixed, fluid and elastic grids with complete control over the grid system.}
   s.email = %q{aaron@gc4.co.uk}
   s.extra_rdoc_files = [
@@ -26,24 +26,25 @@ Gem::Specification.new do |s|
      "compass-vgrid-plugin.gemspec",
      "lib/vgrid.rb",
      "lib/vgrid/compass_plugin.rb",
-     "sass/vgrid/_elastic.sass",
-     "sass/vgrid/_fixed.sass",
-     "sass/vgrid/_fluid.sass",
-     "sass/vgrid/shared/_grid_system.sass",
+     "sass/vgrid/_elastic.scss",
+     "sass/vgrid/_fixed.scss",
+     "sass/vgrid/_fluid.scss",
+     "sass/vgrid/shared/_elastic_fluid.scss",
+     "sass/vgrid/shared/_grid_system.scss",
      "templates/elastic/project/demo.html",
-     "templates/elastic/project/grid.sass",
      "templates/elastic/project/manifest.rb",
+     "templates/elastic/project/screen.scss",
      "templates/fixed/project/demo.html",
-     "templates/fixed/project/grid.sass",
      "templates/fixed/project/manifest.rb",
+     "templates/fixed/project/screen.scss",
      "templates/fluid/project/demo.html",
-     "templates/fluid/project/grid.sass",
-     "templates/fluid/project/manifest.rb"
+     "templates/fluid/project/manifest.rb",
+     "templates/fluid/project/screen.scss"
   ]
   s.homepage = %q{http://github.com/aaronrussell/compass-vgrid-plugin}
   s.rdoc_options = ["--charset=UTF-8"]
   s.require_paths = ["lib"]
-  s.rubygems_version = %q{1.3.5}
+  s.rubygems_version = %q{1.3.6}
   s.summary = %q{Compass compatible SASS port of the Variable Grid System. Based on the 960 Grid System.}
 
   if s.respond_to? :specification_version then
@@ -51,12 +52,12 @@ Gem::Specification.new do |s|
     s.specification_version = 3
 
     if Gem::Version.new(Gem::RubyGemsVersion) >= Gem::Version.new('1.2.0') then
-      s.add_runtime_dependency(%q<compass>, [">= 0"])
+      s.add_runtime_dependency(%q<compass>, [">= 0.10.0.rc3"])
     else
-      s.add_dependency(%q<compass>, [">= 0"])
+      s.add_dependency(%q<compass>, [">= 0.10.0.rc3"])
     end
   else
-    s.add_dependency(%q<compass>, [">= 0"])
+    s.add_dependency(%q<compass>, [">= 0.10.0.rc3"])
   end
 end
 

data/lib/vgrid/compass_plugin.rb

@@ -1,7 +1,7 @@
 ["fixed", "fluid", "elastic"].each do |framework|
   options = {
-    :stylesheets_directory => File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'sass')),
-    :templates_directory => File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'templates', framework))
+    :stylesheets_directory  => File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'sass')),
+    :templates_directory    => File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'templates', framework))
   }
   Compass::Frameworks.register(framework, options)
 end

data/sass/vgrid/_elastic.scss

@@ -0,0 +1,6 @@
+@mixin grid_container {
+  margin-left: 4%; margin-right: 4%; min-width: $vgrid_width; width: 92%;
+}
+
+@import "vgrid/shared/elastic_fluid";
+@import "vgrid/shared/grid_system";

data/sass/vgrid/_fixed.scss

@@ -0,0 +1,40 @@
+@mixin grid_container {
+  margin-left: auto; margin-right: auto; width: $vgrid_width;
+}
+
+@mixin grid_width($n, $cols: $vgrid_columns, $gutter_width: $vgrid_gutter) {
+  width: ($vgrid_width / $cols) * $n - $gutter_width;
+}
+
+@mixin grid_unit_base($gutter_width: $vgrid_gutter) {
+  display: inline; float: left; position: relative; margin-left: $gutter_width / 2; margin-right: $gutter_width / 2;
+}
+
+@mixin grid($n, $cols: $vgrid_columns, $gutter_width: $vgrid_gutter) {
+  @include grid_unit_base($gutter_width); @include grid_width($n, $cols, $gutter_width);
+}
+
+@mixin grids($cols: $vgrid_columns, $gutter_width: $vgrid_gutter) {
+  #{enumerate(".grid", 1, $cols, "_")} {@include grid_unit_base}
+  @for $n from 1 through $cols {
+    .container_#{$cols} .grid_#{$n} {@include grid_width($n, $cols, $gutter_width);}
+  }
+}
+
+@mixin prefix($n, $cols: $vgrid_columns) {
+  padding-left: ($vgrid_width / $cols) * $n;
+}
+
+@mixin suffix($n, $cols: $vgrid_columns) {
+  padding-right: ($vgrid_width / $cols) * $n;
+}
+
+@mixin push($n, $cols: $vgrid_columns) {
+  left: ($vgrid_width / $cols) * $n;
+}
+
+@mixin pull($n, $cols: $vgrid_columns) {
+  right: ($vgrid_width / $cols) * $n * -1;
+}
+
+@import "vgrid/shared/grid_system";

data/sass/vgrid/_fluid.scss

@@ -0,0 +1,6 @@
+@mixin grid_container {
+  margin-left: 4%; margin-right: 4%; width: 92%;
+}
+
+@import "vgrid/shared/elastic_fluid";
+@import "vgrid/shared/grid_system";

data/sass/vgrid/shared/_elastic_fluid.scss

@@ -0,0 +1,34 @@
+@mixin grid_width($n, $cols: $vgrid_columns) {
+  width: (100% / $cols) * $n - 2%;
+}
+
+@mixin grid_unit_base {
+  display: inline; float: left; position: relative; margin-left: 1%; margin-right: 1%;
+}
+
+@mixin grid($n, $cols: $vgrid_columns) {
+  @include grid_unit_base; @include grid_width($n, $cols);
+}
+
+@mixin grids($cols: $vgrid_columns) {
+  #{enumerate(".grid", 1, $cols, "_")} {@include grid_unit_base}
+  @for $n from 1 through $cols {
+    .container_#{$cols} .grid_#{$n} {@include grid_width($n, $cols);}
+  }
+}
+
+@mixin prefix($n, $cols: $vgrid_columns) {
+  padding-left: (100% / $cols) * $n;
+}
+
+@mixin suffix($n, $cols: $vgrid_columns) {
+  padding-right: (100% / $cols) * $n;
+}
+
+@mixin push($n, $cols: $vgrid_columns) {
+  left: (100% / $cols) * $n;
+}
+
+@mixin pull($n, $cols: $vgrid_columns) {
+  right: (100% / $cols) * $n * -1;
+}

data/sass/vgrid/shared/_grid_system.scss

@@ -0,0 +1,56 @@
+@import "compass/utilities/general/clearfix";
+
+$vgrid_width: 960px !default;
+$vgrid_columns: 12 !default;
+$vgrid_gutter: 20px !default;
+
+@mixin alpha {margin-left: 0;}
+@mixin omega {margin-right: 0;}
+
+@mixin grid_children {
+  .alpha {@include alpha;}
+  .omega {@include omega;}
+}
+
+@mixin grid_prefixes($cols: $vgrid_columns) {
+  @for $n from 1 through $cols - 1 {
+    .container_#{$cols} .prefix_#{$n} {@include prefix($n, $cols);}
+  }
+}
+
+@mixin grid_suffixes($cols: $vgrid_columns) {
+  @for $n from 1 through $cols - 1 {
+    .container_#{$cols} .suffix_#{$n} {@include suffix($n, $cols);}
+  }
+}
+
+@mixin grid_pushes($cols: $vgrid_columns) {
+  @for $n from 1 through $cols - 1 {
+    .container_#{$cols} .push_#{$n} {@include push($n, $cols);}
+  }
+}
+
+@mixin grid_pulls($cols: $vgrid_columns) {
+  @for $n from 1 through $cols - 1 {
+    .container_#{$cols} .pull_#{$n} {@include pull($n, $cols);}
+  }
+}
+
+@mixin grid_system($cols: $vgrid_columns) {
+  /* Container */
+  .container_#{$cols} {@include grid_container;}
+  /* Grid */
+  @include grids($cols);
+  /* Grid >> Children (Alpha ~ First, Omega ~ Last) */
+  @include grid_children;
+  /* Prefix Extra Space */
+  @include grid_prefixes($cols);
+  /* Suffix Extra Space */
+  @include grid_suffixes($cols);
+  /* Push Space */
+  @include grid_pushes($cols);
+  /* Pull Space */
+  @include grid_pulls($cols);
+  /* Clear Floated Elements */
+  .clearfix {@include clearfix;}
+}

data/templates/elastic/project/demo.html

@@ -3,7 +3,40 @@
 <head>
   <meta http-equiv="Content-type" content="text/html; charset=utf-8">
   <title>vGrid - Variable Grid System (Elastic version)</title>
-  <link href="./stylesheets/grid.css" media="screen, projection" rel="stylesheet" type="text/css" />
+  <link href="./stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
+  <style type="text/css" media="screen">
+    body {
+      background: #eee;
+      font: 11px Arial;
+      padding: 10px;
+    }
+    h1 {
+      font-size: 18px;
+      font-weight: bold;
+      color: #fff;
+      padding: 12px 6px;
+    }
+    p {
+      color: #333;
+      padding: 6px;
+    }
+    .container_12 {
+      background: #fff;
+      overflow: auto;
+      padding-top: 6px;
+    }
+    .grid_12 {
+      background: #666;
+      margin-bottom: 6px;
+    }
+    .grid_12 p, .grid_12 a {
+      color: #fff;
+    }
+    .grid_1, .grid_2, .grid_3, .grid_4, .grid_6 {
+      background: #ddd;
+      margin-bottom: 6px;
+    }
+  </style>
 </head>
 <body>
   <div class="container_12">
@@ -54,7 +87,13 @@
     <div class="grid_1"><p>.grid_1</p></div>
     <div class="grid_1"><p>.grid_1</p></div>
     <div class="grid_1"><p>.grid_1</p></div>
-    <div class="grid_1"><p>.grid_1</p></div>    
+    <div class="grid_1"><p>.grid_1</p></div>
+    <!--
+      .grid_12
+    -->
+    <div class="grid_12">
+      <p>vGrid - Variable Grid System converted to Compass compatible plugin by Aaron Russell - <a href="http://www.aaronrussell.co.uk">http://www.aaronrussell.co.uk</a></p>
+    </div>
   </div>
 </body>
 </html>

data/templates/elastic/project/manifest.rb

@@ -1,2 +1,2 @@
-stylesheet "grid.sass", :media => "screen, projection"
-file "demo.html"
+stylesheet  "screen.scss", :media => "screen, projection"
+file        "demo.html"

data/templates/elastic/project/screen.scss

@@ -0,0 +1,34 @@
+/*
+  Variable Grid System (Elastic Version).
+  Learn more ~ http://www.spry-soft.com/grids/
+  Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/
+  Licensed under GPL and MIT.
+  Converted to Compass compatible plugin by Aaron Russell - http://www.aaronrussell.co.uk
+*/
+ 
+@import "vgrid/elastic";
+@import "compass/css3";
+
+// The following includes a bullet-proof CSS reset
+@import "compass/reset";
+
+// The following generates the default grids provided by the css version of Variable Grid System
+@include grid_system(12);
+ 
+// But most compass users prefer to construct semantic layouts like this:
+// (two column layout with header and footer)
+$vgrid_columns: 16;
+#wrap {  
+  @include grid_container;
+  #header, #footer {
+    @include grid(16);
+  }
+  #left_nav {
+    @include grid(5);
+  }
+  #main-content {
+    @include prefix(1);
+    @include grid(10);
+  }
+}
+// When in doubt, try a clearfix ;) @include clearfix;

data/templates/fixed/project/demo.html

@@ -3,7 +3,40 @@
 <head>
   <meta http-equiv="Content-type" content="text/html; charset=utf-8">
   <title>vGrid - Variable Grid System (Fixed width version)</title>
-  <link href="./stylesheets/grid.css" media="screen, projection" rel="stylesheet" type="text/css" />
+  <link href="./stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
+  <style type="text/css" media="screen">
+    body {
+      background: #eee;
+      font: 11px Arial;
+      padding: 10px;
+    }
+    h1 {
+      font-size: 18px;
+      font-weight: bold;
+      color: #fff;
+      padding: 12px 6px;
+    }
+    p {
+      color: #333;
+      padding: 6px;
+    }
+    .container_12 {
+      background: #fff;
+      overflow: auto;
+      padding-top: 6px;
+    }
+    .grid_12 {
+      background: #666;
+      margin-bottom: 6px;
+    }
+    .grid_12 p, .grid_12 a {
+      color: #fff;
+    }
+    .grid_1, .grid_2, .grid_3, .grid_4, .grid_6 {
+      background: #ddd;
+      margin-bottom: 6px;
+    }
+  </style>
 </head>
 <body>
   <div class="container_12">
@@ -54,7 +87,13 @@
     <div class="grid_1"><p>.grid_1</p></div>
     <div class="grid_1"><p>.grid_1</p></div>
     <div class="grid_1"><p>.grid_1</p></div>
-    <div class="grid_1"><p>.grid_1</p></div>    
+    <div class="grid_1"><p>.grid_1</p></div>
+    <!--
+      .grid_12
+    -->
+    <div class="grid_12">
+      <p>vGrid - Variable Grid System converted to Compass compatible plugin by Aaron Russell - <a href="http://www.aaronrussell.co.uk">http://www.aaronrussell.co.uk</a></p>
+    </div>
   </div>
 </body>
 </html>

data/templates/fixed/project/manifest.rb

@@ -1,2 +1,3 @@
-stylesheet "grid.sass", :media => "screen, projection"
-file "demo.html"
+stylesheet  "screen.scss", :media => "screen, projection"
+file        "demo.html"
+

data/templates/fixed/project/screen.scss

@@ -0,0 +1,34 @@
+/*
+  Variable Grid System.
+  Learn more ~ http://www.spry-soft.com/grids/
+  Based on 960 Grid System - http://960.gs/
+  Licensed under GPL and MIT.
+  Converted to Compass compatible plugin by Aaron Russell - http://www.aaronrussell.co.uk
+*/
+ 
+@import "vgrid/fixed";
+@import "compass/css3";
+
+// The following includes a bullet-proof CSS reset
+@import "compass/reset";
+
+// The following generates the default grids provided by the css version of Variable Grid System
+@include grid_system(12);
+ 
+// But most compass users prefer to construct semantic layouts like this:
+// (two column layout with header and footer)
+$vgrid_columns: 16;
+#wrap {  
+  @include grid_container;
+  #header, #footer {
+    @include grid(16);
+  }
+  #left_nav {
+    @include grid(5);
+  }
+  #main-content {
+    @include prefix(1);
+    @include grid(10);
+  }
+}
+// When in doubt, try a clearfix ;) @include clearfix;

data/templates/fluid/project/demo.html

@@ -3,7 +3,40 @@
 <head>
   <meta http-equiv="Content-type" content="text/html; charset=utf-8">
   <title>vGrid - Variable Grid System (Fluid version)</title>
-  <link href="./stylesheets/grid.css" media="screen, projection" rel="stylesheet" type="text/css" />
+  <link href="./stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
+  <style type="text/css" media="screen">
+    body {
+      background: #eee;
+      font: 11px Arial;
+      padding: 10px;
+    }
+    h1 {
+      font-size: 18px;
+      font-weight: bold;
+      color: #fff;
+      padding: 12px 6px;
+    }
+    p {
+      color: #333;
+      padding: 6px;
+    }
+    .container_12 {
+      background: #fff;
+      overflow: auto;
+      padding-top: 6px;
+    }
+    .grid_12 {
+      background: #666;
+      margin-bottom: 6px;
+    }
+    .grid_12 p, .grid_12 a {
+      color: #fff;
+    }
+    .grid_1, .grid_2, .grid_3, .grid_4, .grid_6 {
+      background: #ddd;
+      margin-bottom: 6px;
+    }
+  </style>
 </head>
 <body>
   <div class="container_12">
@@ -54,7 +87,13 @@
     <div class="grid_1"><p>.grid_1</p></div>
     <div class="grid_1"><p>.grid_1</p></div>
     <div class="grid_1"><p>.grid_1</p></div>
-    <div class="grid_1"><p>.grid_1</p></div>    
+    <div class="grid_1"><p>.grid_1</p></div>
+    <!--
+      .grid_12
+    -->
+    <div class="grid_12">
+      <p>vGrid - Variable Grid System converted to Compass compatible plugin by Aaron Russell - <a href="http://www.aaronrussell.co.uk">http://www.aaronrussell.co.uk</a></p>
+    </div>
   </div>
 </body>
 </html>

data/templates/fluid/project/manifest.rb

@@ -1,2 +1,2 @@
-stylesheet "grid.sass", :media => "screen, projection"
-file "demo.html"
+stylesheet  "screen.scss", :media => "screen, projection"
+file        "demo.html"

data/templates/fluid/project/screen.scss

@@ -0,0 +1,34 @@
+/*
+  Variable Grid System (Fluid Version).
+  Learn more ~ http://www.spry-soft.com/grids/
+  Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/
+  Licensed under GPL and MIT.
+  Converted to Compass compatible plugin by Aaron Russell - http://www.aaronrussell.co.uk
+*/
+
+@import "vgrid/fluid";
+@import "compass/css3";
+
+// The following includes a bullet-proof CSS reset
+@import "compass/reset";
+
+// The following generates the default grids provided by the css version of Variable Grid System
+@include grid_system(12);
+ 
+// But most compass users prefer to construct semantic layouts like this:
+// (two column layout with header and footer)
+$vgrid_columns: 16;
+#wrap {  
+  @include grid_container;
+  #header, #footer {
+    @include grid(16);
+  }
+  #left_nav {
+    @include grid(5);
+  }
+  #main-content {
+    @include prefix(1);
+    @include grid(10);
+  }
+}
+// When in doubt, try a clearfix ;) @include clearfix;

metadata

@@ -1,7 +1,12 @@
 --- !ruby/object:Gem::Specification 
 name: compass-vgrid-plugin
 version: !ruby/object:Gem::Version 
-  version: 0.3.1
+  prerelease: false
+  segments: 
+  - 0
+  - 4
+  - 0
+  version: 0.4.0
 platform: ruby
 authors: 
 - Aaron Russell
@@ -9,19 +14,24 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2010-01-12 00:00:00 +00:00
+date: 2010-04-13 00:00:00 +01:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
   name: compass
-  type: :runtime
-  version_requirement: 
-  version_requirements: !ruby/object:Gem::Requirement 
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
     requirements: 
     - - ">="
       - !ruby/object:Gem::Version 
-        version: "0"
-    version: 
+        segments: 
+        - 0
+        - 10
+        - 0
+        - rc3
+        version: 0.10.0.rc3
+  type: :runtime
+  version_requirements: *id001
 description: A Compass compatible SASS port of the Variable Grid System by Spry Soft (http://www.spry-soft.com/grids/). Based in the 960 Grid System (http://960.gs/). Provides fixed, fluid and elastic grids with complete control over the grid system.
 email: aaron@gc4.co.uk
 executables: []
@@ -41,19 +51,20 @@ files:
 - compass-vgrid-plugin.gemspec
 - lib/vgrid.rb
 - lib/vgrid/compass_plugin.rb
-- sass/vgrid/_elastic.sass
-- sass/vgrid/_fixed.sass
-- sass/vgrid/_fluid.sass
-- sass/vgrid/shared/_grid_system.sass
+- sass/vgrid/_elastic.scss
+- sass/vgrid/_fixed.scss
+- sass/vgrid/_fluid.scss
+- sass/vgrid/shared/_elastic_fluid.scss
+- sass/vgrid/shared/_grid_system.scss
 - templates/elastic/project/demo.html
-- templates/elastic/project/grid.sass
 - templates/elastic/project/manifest.rb
+- templates/elastic/project/screen.scss
 - templates/fixed/project/demo.html
-- templates/fixed/project/grid.sass
 - templates/fixed/project/manifest.rb
+- templates/fixed/project/screen.scss
 - templates/fluid/project/demo.html
-- templates/fluid/project/grid.sass
 - templates/fluid/project/manifest.rb
+- templates/fluid/project/screen.scss
 has_rdoc: true
 homepage: http://github.com/aaronrussell/compass-vgrid-plugin
 licenses: []
@@ -67,18 +78,20 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements: 
   - - ">="
     - !ruby/object:Gem::Version 
+      segments: 
+      - 0
       version: "0"
-  version: 
 required_rubygems_version: !ruby/object:Gem::Requirement 
   requirements: 
   - - ">="
     - !ruby/object:Gem::Version 
+      segments: 
+      - 0
       version: "0"
-  version: 
 requirements: []
 
 rubyforge_project: 
-rubygems_version: 1.3.5
+rubygems_version: 1.3.6
 signing_key: 
 specification_version: 3
 summary: Compass compatible SASS port of the Variable Grid System. Based on the 960 Grid System.

data/sass/vgrid/_elastic.sass

@@ -1,61 +0,0 @@
-=grid-container
-  :margin-left 4%
-  :margin-right 4%
-  :min-width= !vgrid_width
-  :width 92%
- 
-=grid-width(!n, !cols = !vgrid_columns)
-  :width= (100% / !cols) * !n - 2%
- 
-=grid-unit_base
-  :display inline
-  :float left
-  :position relative
-  :margin
-    :left= 1%
-    :right= 1%
- 
-=grid(!n, !cols = !vgrid_columns)
-  +grid-unit_base
-  +grid-width(!n, !cols)
- 
-=grids(!cols = !vgrid_columns)
-  #{enumerate(".grid", 1, !cols, "_")}
-    +grid-unit_base
-  @for !n from 1 through !cols
-    .container_#{!cols} .grid_#{!n}
-      +grid-width(!n, !cols)
- 
-=grid-prefix(!n, !cols = !vgrid_columns)
-  :padding-left= (100% / !cols) * !n
- 
-=grid-prefixes(!cols = !vgrid_columns)
-  @for !n from 1 through !cols - 1
-    .container_#{!cols} .prefix_#{!n}
-      +grid-prefix(!n, !cols)
- 
-=grid-suffix(!n, !cols = !vgrid_columns)
-  :padding-right= (100% / !cols) * !n
- 
-=grid-suffixes(!cols = !vgrid_columns)
-  @for !n from 1 through !cols - 1
-    .container_#{!cols} .suffix_#{!n}
-      +grid-suffix(!n, !cols)
-
-=grid-push(!n, !cols = !vgrid_columns)
-  :left= (100% / !cols) * !n
-
-=grid-pushes(!cols = !vgrid_columns)
-  @for !n from 1 through !cols - 1
-    .container_#{!cols} .push_#{!n}
-      +grid-push(!n, !cols)
-
-=grid-pull(!n, !cols = !vgrid_columns)
-  :right= (100% / !cols) * !n * -1
-
-=grid-pulls(!cols = !vgrid_columns)
-  @for !n from 1 through !cols - 1
-    .container_#{!cols} .pull_#{!n}
-      +grid-pull(!n, !cols)
- 
-@import vgrid/shared/grid_system.sass

data/sass/vgrid/_fixed.sass

@@ -1,60 +0,0 @@
-=grid-container
-  :margin-left auto
-  :margin-right auto
-  :width= !vgrid_width
- 
-=grid-width(!n, !cols = !vgrid_columns, !gutter_width = !vgrid_gutter)
-  :width= (!vgrid_width / !cols) * !n - !gutter_width
- 
-=grid-unit_base(!gutter_width = !vgrid_gutter)
-  :display inline
-  :float left
-  :position relative
-  :margin
-    :left= !gutter_width / 2
-    :right= !gutter_width / 2
- 
-=grid(!n, !cols = !vgrid_columns, !gutter_width = !vgrid_gutter)
-  +grid-unit_base(!gutter_width)
-  +grid-width(!n, !cols, !gutter_width)
- 
-=grids(!cols = !vgrid_columns, !gutter_width = !vgrid_gutter)
-  #{enumerate(".grid", 1, !cols, "_")}
-    +grid-unit_base
-  @for !n from 1 through !cols
-    .container_#{!cols} .grid_#{!n}
-      +grid-width(!n, !cols, !gutter_width)
- 
-=grid-prefix(!n, !cols = !vgrid_columns)
-  :padding-left= (!vgrid_width / !cols) * !n
- 
-=grid-prefixes(!cols = !vgrid_columns)
-  @for !n from 1 through !cols - 1
-    .container_#{!cols} .prefix_#{!n}
-      +grid-prefix(!n, !cols)
- 
-=grid-suffix(!n, !cols = !vgrid_columns)
-  :padding-right= (!vgrid_width / !cols) * !n
- 
-=grid-suffixes(!cols = !vgrid_columns)
-  @for !n from 1 through !cols - 1
-    .container_#{!cols} .suffix_#{!n}
-      +grid-suffix(!n, !cols)
-
-=grid-push(!n, !cols = !vgrid_columns)
-  :left= (!vgrid_width / !cols) * !n
-
-=grid-pushes(!cols = !vgrid_columns)
-  @for !n from 1 through !cols - 1
-    .container_#{!cols} .push_#{!n}
-      +grid-push(!n, !cols)
-
-=grid-pull(!n, !cols = !vgrid_columns)
-  :right= (!vgrid_width / !cols) * !n * -1
-
-=grid-pulls(!cols = !vgrid_columns)
-  @for !n from 1 through !cols - 1
-    .container_#{!cols} .pull_#{!n}
-      +grid-pull(!n, !cols)
-
-@import vgrid/shared/grid_system.sass

data/sass/vgrid/_fluid.sass

@@ -1,60 +0,0 @@
-=grid-container
-  :margin-left 4%
-  :margin-right 4%
-  :width 92%
- 
-=grid-width(!n, !cols = !vgrid_columns)
-  :width= (100% / !cols) * !n - 2%
- 
-=grid-unit_base
-  :display inline
-  :float left
-  :position relative
-  :margin
-    :left 1%
-    :right 1%
- 
-=grid(!n, !cols = !vgrid_columns)
-  +grid-unit_base
-  +grid-width(!n, !cols)
- 
-=grids(!cols = !vgrid_columns)
-  #{enumerate(".grid", 1, !cols, "_")}
-    +grid-unit_base
-  @for !n from 1 through !cols
-    .container_#{!cols} .grid_#{!n}
-      +grid-width(!n, !cols)
- 
-=grid-prefix(!n, !cols = !vgrid_columns)
-  :padding-left= (100% / !cols) * !n
- 
-=grid-prefixes(!cols = !vgrid_columns)
-  @for !n from 1 through !cols - 1
-    .container_#{!cols} .prefix_#{!n}
-      +grid-prefix(!n, !cols)
- 
-=grid-suffix(!n, !cols = !vgrid_columns)
-  :padding-right= (100% / !cols) * !n
- 
-=grid-suffixes(!cols = !vgrid_columns)
-  @for !n from 1 through !cols - 1
-    .container_#{!cols} .suffix_#{!n}
-      +grid-suffix(!n, !cols)
-
-=grid-push(!n, !cols = !vgrid_columns)
-  :left= (100% / !cols) * !n
-
-=grid-pushes(!cols = !vgrid_columns)
-  @for !n from 1 through !cols - 1
-    .container_#{!cols} .push_#{!n}
-      +grid-push(!n, !cols)
-
-=grid-pull(!n, !cols = !vgrid_columns)
-  :right= (100% / !cols) * !n * -1
-
-=grid-pulls(!cols = !vgrid_columns)
-  @for !n from 1 through !cols - 1
-    .container_#{!cols} .pull_#{!n}
-      +grid-pull(!n, !cols)
- 
-@import vgrid/shared/grid_system.sass

data/sass/vgrid/shared/_grid_system.sass

@@ -1,45 +0,0 @@
-@import compass/utilities/general/clearfix.sass
-
-!vgrid_width ||= 960px
-!vgrid_columns ||= 12
-!vgrid_gutter ||= 20px
-
-=alpha
-  :margin-left 0
- 
-=omega
-  :margin-right 0
-
-=grid-children
-  .alpha
-    +alpha
-  .omega
-    +omega
-
-=grid-system(!cols = !vgrid_columns)
-  /*
-    Containers
-  .container_#{!cols}
-    +grid-container
-  /*
-    Grid
-  +grids(!cols)
-  /*
-    Grid >> Children (Alpha ~ First, Omega ~ Last)
-  +grid-children
-  /*
-    Prefix Extra Space
-  +grid-prefixes(!cols)
-  /*
-    Suffix Extra Space
-  +grid-suffixes(!cols)
-  /*
-    Push Space
-  +grid-pushes(!cols)
-  /*
-    Pull Space
-  +grid-pulls(!cols)
-  /*
-    Clear Floated Elements
-  .clearfix
-    +clearfix

data/templates/elastic/project/grid.sass

@@ -1,47 +0,0 @@
-/*
-  Variable Grid System (Elastic Version).
-  Learn more ~ http://www.spry-soft.com/grids/
-  Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/
-  Licensed under GPL and MIT.
-  Converted to Compass compatible plugin by Aaron Russell - http://www.aaronrussell.co.uk
- 
-@import vgrid/elastic.sass
- 
-// The following generates the default grids provided by the css version of Variable Grid System
-+grid-system(12)
-  
-// But most compass users prefer to construct semantic layouts like so (two column layout with header and footer):
-!vgrid_columns = 16
-#wrap
-  +grid-container
-  #header, #footer
-    +grid(16)
-  #left-nav
-    +grid(5)
-  #main-content
-    +grid-prefix(1)
-    +grid(10)
- 
-// When in doubt, try a +clearfix mixin ;)
-
-/*
-  Styles for demo. Delete these when you're happy what's going on.
-
-body
-  :background #eee
-  :font 11px Arial
-.container_12
-  :background #fff
-  :overflow auto
-.grid_12
-  :background #666
-  :margin-bottom 6px
-  h1
-    :color #fff
-    :padding 10px
-.grid_1, .grid_2, .grid_3, .grid_4, .grid_6
-  :background #ddd
-  :margin-bottom 6px
-  p
-    :color #333
-    :padding 10px

data/templates/fixed/project/grid.sass

@@ -1,47 +0,0 @@
-/*
-  Variable Grid System.
-  Learn more ~ http://www.spry-soft.com/grids/
-  Based on 960 Grid System - http://960.gs/
-  Licensed under GPL and MIT.
-  Converted to Compass compatible plugin by Aaron Russell - http://www.aaronrussell.co.uk
- 
-@import vgrid/fixed.sass
- 
-// The following generates the default grids provided by the css version of Variable Grid System
-+grid-system(12)
- 
-// But most compass users prefer to construct semantic layouts like so (two column layout with header and footer):
-!vgrid_columns = 16
-#wrap
-  +grid-container
-  #header, #footer
-    +grid(16)
-  #left-nav
-    +grid(5)
-  #main-content
-    +grid-prefix(1)
-    +grid(10)
-
-// When in doubt, try a +clearfix mixin ;)
-
-/*
-  Styles for demo. Delete these when you're happy what's going on.
-
-body
-  :background #eee
-  :font 11px Arial
-.container_12
-  :background #fff
-  :overflow auto
-.grid_12
-  :background #666
-  :margin-bottom 6px
-  h1
-    :color #fff
-    :padding 10px
-.grid_1, .grid_2, .grid_3, .grid_4, .grid_6
-  :background #ddd
-  :margin-bottom 6px
-  p
-    :color #333
-    :padding 10px

data/templates/fluid/project/grid.sass

@@ -1,47 +0,0 @@
-/*
-  Variable Grid System (Fluid Version).
-  Learn more ~ http://www.spry-soft.com/grids/
-  Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/
-  Licensed under GPL and MIT.
-  Converted to Compass compatible plugin by Aaron Russell - http://www.aaronrussell.co.uk
- 
-@import vgrid/fluid.sass
- 
-// The following generates the default grids provided by the css version of Variable Grid System
-+grid-system(12)
-  
-// But most compass users prefer to construct semantic layouts like so (two column layout with header and footer):
-!vgrid_columns = 16
-#wrap
-  +grid-container
-  #header, #footer
-    +grid(16)
-  #left-nav
-    +grid(5)
-  #main-content
-    +grid-prefix(1)
-    +grid(10)
- 
-// When in doubt, try a +clearfix mixin ;)
-
-/*
-  Styles for demo. Delete these when you're happy what's going on.
-
-body
-  :background #eee
-  :font 11px Arial
-.container_12
-  :background #fff
-  :overflow auto
-.grid_12
-  :background #666
-  :margin-bottom 6px
-  h1
-    :color #fff
-    :padding 10px
-.grid_1, .grid_2, .grid_3, .grid_4, .grid_6
-  :background #ddd
-  :margin-bottom 6px
-  p
-    :color #333
-    :padding 10px