compass-scalablegs-plugin 0.0.2 → 1.0.0RC

data/README.md

@@ -19,23 +19,23 @@ The plugin is build upon the great work done by [Christopher M. Eppstein and Mat
 ##Create a Scalablegs-based Compass Project
 
 
-    compass create -r scalablegs my_project --using scalablegs
+    compass create -r scalable my_project --using scalable
 
 Or, If you prefer to use Sass's indentation based syntax:
 
-    compass create -r scalablegs my_project --using scalablegs --syntax sass
+    compass create -r scalable my_project --using scalable --syntax sass
 
-Then edit your `scalablegs.sass` accordingly.
+Then edit your `scalable.sass` accordingly.
 
 # Customising your Grid System
 
 
 This plugin uses the following configuration variables:
 
-* `$scalablegs-columns` (default: 20) controls the default number of grid columns
-* `$scalablegs-grid-min-width` (default: 26em - with the assumption of a 12px body font size) controls the default minimum site width
-* `$scalablegs-grid-max-width` (default: 82em - with the assumption of a 12px body font size) controls the default maximum site width
-* `$scalablegs-gutter-width` (default: 2%) controls the default gutter width
+* `$scalable-columns` (default: 20) controls the default number of grid columns
+* `$scalable-grid-min-width` (default: 26em - with the assumption of a 12px body font size) controls the default minimum site width
+* `$scalable-grid-max-width` (default: 82em - with the assumption of a 12px body font size) controls the default maximum site width
+* `$scalable-gutter-width` (default: 2%) controls the default gutter width
 
 All of the mixins included with this plugin use these configuration variables
 as defaults if the corresponding argument is omitted from a mixin call.
@@ -67,7 +67,7 @@ To create a grid system using only CSS, use the following semantic grid mixins:
 
 Example:
 
-    $scalablegs-columns: 24
+    $scalable-columns: 24
 
     #wrap
       +grid-container

data/compass-scalablegs-plugin.gemspec

@@ -2,20 +2,20 @@
 
 Gem::Specification.new do |s|
   s.name = %q{compass-scalablegs-plugin}
-  s.version = "0.0.2"
+  s.version = "1.0.0RC"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 1.3.5")
   s.authors = ["Chris Eppstein", "Matt Sanders", "Kenneth Nordahl"]
-  s.date = %q{2011-04-05}
+  s.date = %q{2011-04-09}
   s.description = %q{The Scalable Grid System or scalable.gs for short, is a device independent and cross screen size CSS framework.}
   s.email = %w{kenneth@nordahl.me}
   s.has_rdoc = false
   s.files = [
     "compass-scalablegs-plugin.gemspec",
     "README.md",
-    "lib/scalablegs.rb",
-    "stylesheets/scalablegs/_grid.sass",
-    "templates/project/scalablegs.sass",
+    "lib/scalable.rb",
+    "stylesheets/scalable/_grid.sass",
+    "templates/project/scalable.sass",
     "templates/project/manifest.rb"
   ]
   s.homepage = %q{http://github.com/KDN/compass-scalablegs-plugin}
@@ -23,5 +23,5 @@ Gem::Specification.new do |s|
   s.rubyforge_project = %q{compass-scalablegs-plugin}
   s.rubygems_version = %q{1.3.6}
   s.summary = %q{Compass compatible Sass port of scalable.gs.}
-  s.add_dependency(%q<compass>, [">= 0.10.0"])
+  s.add_dependency(%q<compass>, [">= 0.10.6"])
 end

data/lib/scalable.rb

@@ -0,0 +1,2 @@
+require 'compass'
+Compass::Frameworks.register("scalable", :path => "#{File.dirname(__FILE__)}/..")

data/stylesheets/scalable/_grid.sass

@@ -0,0 +1,83 @@
+$scalable-gutter-width: 2% !default
+
+$scalable-grid-min-width: 26em !default
+
+$scalable-grid-max-width: 82em !default
+
+$scalable-grid-width: 100% !default
+
+$scalable-columns: 20 !default
+
+
+=grid-scalable
+  margin-left: auto
+  margin-right: auto
+  min-width: $scalable-grid-min-width
+  max-width: $scalable-grid-max-width
+  position: relative
+
+=grid-width($n, $cols: $scalable-columns, $gutter-width: $scalable-gutter-width)
+  width: $scalable-grid-width / $cols * $n - $gutter-width
+
+=grid-unit-base($gutter-width: $scalable-gutter-width)
+  display: inline
+  float: left
+  margin:
+    left: $gutter-width / 2
+    right: $gutter-width / 2
+
+=grid($n, $cols: $scalable-columns, $gutter-width: $scalable-gutter-width)
+  +grid-unit-base($gutter-width)
+  +grid-width($n, $cols, $gutter-width)
+
+=grid-first
+  margin-left: 0
+
+=grid-last
+  margin-right: 0
+
+=grids($cols: $scalable-columns, $gutter-width: $scalable-gutter-width)
+  #{enumerate(".grid", 1, $cols, "_")}
+    +grid-unit-base
+  @for $n from 1 through $cols
+    .grid_#{$n}
+      +grid-width($n, $cols, $gutter-width)
+
+=grid-children
+  .first
+    +grid-first
+  .last
+    +grid-last
+
+=grid-move-base
+  position: relative
+
+=grid-move-push($n, $cols)
+  left: ($scalable-grid-width / $cols) * $n
+
+=grid-move-pull($n, $cols)
+  left: -($scalable-grid-width / $cols) * $n
+
+=grid-push($n, $cols: $scalable-columns)
+  +grid-move-base
+  +grid-move-push($n, $cols)
+
+=grid-pull($n, $cols: $scalable-columns)
+  +grid-move-base
+  +grid-move-pull($n, $cols)
+
+=grid-movements($cols: $scalable-columns)
+  #{enumerate(".push", 1, $cols, "_")},
+  #{enumerate(".pull", 1, $cols, "_")}
+    +grid-move-base
+  @for $n from 1 through $cols
+    .push_#{$n}
+      +grid-move-push($n, $cols)
+    .pull_#{$n}
+      +grid-move-pull($n, $cols)
+
+=grid-system($cols: $scalable-columns)
+  +grid-scalable
+  +grids($cols)
+  +grid-children
+  +grid-movements($cols)

data/templates/project/manifest.rb

@@ -1,4 +1,4 @@
-stylesheet 'scalablegs.sass', :media => "screen, projection"
+stylesheet 'scalable.sass', :media => "screen, projection"
 
 description "Scalable Grid System for cross device and screen size web development."
 

data/templates/project/{scalablegs.sass → scalable.sass}

@@ -4,16 +4,21 @@
  * Licensed under GPL and MIT.
 
 
-@import scalablegs/grid
+@import scalable/grid
 
-// The following generates the default grids provided by the css version of 960.gs
-.scalablegs
+// The following generates the one of the default grids provided by the css version of scalable.gs
+.scalable
   +grid-system(20)
 
 
 // But most compass users prefer to construct semantic layouts like so (two column layout with header and footer):
 
-$scalablegs-columns: 20
+$scalable-grid-min-width: 26em
+$scalable-grid-max-width: 82em
+$scalable-columns: 20 
+$scalable-gutter-width: 2%
+
+
 
 .two-column
   +grid-scalable

metadata

@@ -1,8 +1,8 @@
 --- !ruby/object:Gem::Specification 
 name: compass-scalablegs-plugin
 version: !ruby/object:Gem::Version 
-  prerelease: 
-  version: 0.0.2
+  prerelease: 5
+  version: 1.0.0RC
 platform: ruby
 authors: 
 - Chris Eppstein
@@ -12,7 +12,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2011-04-05 00:00:00 Z
+date: 2011-04-09 00:00:00 Z
 dependencies: 
 - !ruby/object:Gem::Dependency 
   name: compass
@@ -22,7 +22,7 @@ dependencies:
     requirements: 
     - - ">="
       - !ruby/object:Gem::Version 
-        version: 0.10.0
+        version: 0.10.6
   type: :runtime
   version_requirements: *id001
 description: The Scalable Grid System or scalable.gs for short, is a device independent and cross screen size CSS framework.
@@ -37,9 +37,9 @@ extra_rdoc_files: []
 files: 
 - compass-scalablegs-plugin.gemspec
 - README.md
-- lib/scalablegs.rb
-- stylesheets/scalablegs/_grid.sass
-- templates/project/scalablegs.sass
+- lib/scalable.rb
+- stylesheets/scalable/_grid.sass
+- templates/project/scalable.sass
 - templates/project/manifest.rb
 homepage: http://github.com/KDN/compass-scalablegs-plugin
 licenses: []

data/lib/scalablegs.rb

@@ -1,2 +0,0 @@
-require 'compass'
-Compass::Frameworks.register("scalablegs", :path => "#{File.dirname(__FILE__)}/..")

data/stylesheets/scalablegs/_grid.sass

@@ -1,102 +0,0 @@
-# Config defaults
-$scalablegs-gutter-width: 2\% !default
-
-$scalablegs-grid-min-width: 26em !default
-
-$scalablegs-grid-max-width: 82em !default
-
-$scalablegs-grid-width: 100% !default
-
-$scalablegs-columns: 20 !default
-
-
-=grid-container
-  margin-left: auto
-  margin-right: auto
-  min-width: $scalablegs-grid-min-width
-  max-width: $scalablegs-grid-max-width
-  position: relative
-
-=grid-width($n, $cols: $scalablegs-columns, $gutter-width: $scalablegs-gutter-width)
-  width: $scalablegs-grid-width / $cols * $n - $gutter-width
-
-=grid-unit-base($gutter-width: $scalablegs-gutter-width)
-  display: inline
-  float: left
-  margin:
-    left: $gutter-width / 2
-    right: $gutter-width / 2
-
-=grid($n, $cols: $scalablegs-columns, $gutter-width: $scalablegs-gutter-width)
-  +grid-unit-base($gutter-width)
-  +grid-width($n, $cols, $gutter-width)
-
-=grid-first
-  margin-left: 0
-
-=grid-last
-  margin-right: 0
-
-=grids($cols: $scalablegs-columns, $gutter-width: $scalablegs-gutter-width)
-  #{enumerate(".grid", 1, $cols, "_")}
-    +grid-unit-base
-  @for $n from 1 through $cols
-    .grid_#{$n}
-      +grid-width($n, $cols, $gutter-width)
-
-=grid-prefix($n, $cols: $scalablegs-columns)
-  padding-left: $scalablegs-grid-width / $cols * $n
-
-=grid-prefixes($cols: $scalablegs-columns)
-  @for $n from 1 through $cols - 1
-    .prefix_#{$n}
-      +grid-prefix($n, $cols)
-
-=grid-suffix($n, $cols: $scalablegs-columns)
-  padding-right: $scalablegs-grid-width / $cols * $n
-
-=grid-suffixes($cols: $scalablegs-columns)
-  @for $n from 1 through $cols - 1
-    .suffix_#{$n}
-      +grid-suffix($n, $cols)
-
-=grid-children
-  .first
-    +first
-  .last
-    +last
-
-=grid-move-base
-  position: relative
-
-=grid-move-push($n, $cols)
-  left: ($scalablegs-grid-width / $cols) * $n
-
-=grid-move-pull($n, $cols)
-  left: -($scalablegs-grid-width / $cols) * $n
-
-=grid-push($n, $cols: $scalablegs-columns)
-  +grid-move-base
-  +grid-move-push($n, $cols)
-
-=grid-pull($n, $cols: $scalablegs-columns)
-  +grid-move-base
-  +grid-move-pull($n, $cols)
-
-=grid-movements($cols: $scalablegs-columns)
-  #{enumerate(".push", 1, $cols, "_")},
-  #{enumerate(".pull", 1, $cols, "_")}
-    +grid-move-base
-  @for $n from 1 through $cols
-    .push_#{$n}
-      +grid-move-push($n, $cols)
-    .pull_#{$n}
-      +grid-move-pull($n, $cols)
-
-=grid-system($cols: $scalablegs-columns)
-  +grid-container
-  +grids($cols)
-  +grid-prefixes($cols)
-  +grid-suffixes($cols)
-  +grid-children
-  +grid-movements($cols)