compass-thesquaregrid 0.0.1

data/lib/thesquaregrid.rb

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

data/stylesheets/thesquaregrid/_grid.sass

@@ -0,0 +1,78 @@
+$squaregrid-wrapper-width: 994px !default
+$squaregrid-container-width: 1008px !default
+
+$squaregrid-columns: 18 !default
+$squaregrid-squares: 35 !default
+$squaregrid-square-size: 28px !default
+
+=grid-wrapper
+  width: $squaregrid-wrapper-width
+  margin: 0 auto
+
+=grid-container
+  width: $squaregrid-container-width
+  margin-left: -7px
+
+=grid-width($n, $cols: $squaregrid-columns, $gutter-width: $squaregrid-square-size)
+  width: $squaregrid-container-width / $cols * $n - $gutter-width
+
+=square-width($n, $squares: $squaregrid-squares)
+  width: $squaregrid-container-width / ($squares + 1) * $n
+  
+=grid-unit-base($gutter-width: $squaregrid-square-size)
+  float: left
+  margin:
+    top: 0
+    right: $gutter-width / 2
+    bottom: $squaregrid-square-size
+    left: $gutter-width / 2
+
+=grid($n, $cols: $squaregrid-columns, $gutter-width: $squaregrid-square-size)
+  +grid-unit-base($gutter-width)
+  +grid-width($n, $cols, $gutter-width)
+
+=square($n, $cols: $squaregrid-columns, $gutter-width: $squaregrid-square-size, $squares: $squaregrid-squares)
+  +grid-unit-base($gutter-width)
+  +square-width($n, $squares)
+  
+=grid-parent
+  margin: 0
+
+=grid-border-right($border-color: #222, $border-width: 1px, $border-style: solid)
+  border-right: $border-width $border-style $border-color
+  margin-right: 0
+  padding-right: $squaregrid-square-size / 2 - $border-width
+
+=grid-border-left($border-color: #222, $border-width: 1px, $border-style: solid)
+  border-left: $border-width $border-style $border-color
+  margin-left: 0
+  padding-left: $squaregrid-square-size / 2 - $border-width
+
+=grid-prefix($n, $cols: $squaregrid-columns)
+  padding-left: $squaregrid-container-width / $cols * $n
+
+=grid-suffix($n, $cols: $squaregrid-columns)
+  padding-right: $squaregrid-container-width / $cols * $n
+
+=grids($cols: $squaregrid-columns, $gutter-width: $squaregrid-square-size, $squares: $squaregrid-squares)
+  #{enumerate(".sg", 1, $squares, "-")}
+    +grid-unit-base
+  @for $n from 1 through $squares
+    .sg-#{$n}
+      +square-width($n)
+
+=grid-extras
+  .sgParent
+    +grid-parent
+  .borderRight
+    +grid-border-right
+  .borderLeft
+    +grid-border-left
+
+=grid-system
+  #wrapper
+    +grid-wrapper
+  #container
+    +grid-container
+  +grids
+  +grid-extras

data/stylesheets/thesquaregrid/_text.sass

@@ -0,0 +1,5 @@
+=text
+  body
+    background-color: #f4f4f4
+    font-size: 62.5%
+    line-height: 28px

data/templates/project/grid.sass

@@ -0,0 +1,16 @@
+@import thesquaregrid/grid
+
+// The following generates the default grids provided by the css version of the square grid
++grid-system
+
+// But most compass users prefer to construct semantic layouts like so (two column layout with header and footer):
+#wrapper
+  +grid-wrapper
+  #container
+    +grid-container
+    #header, #footer
+      +grid(18)
+    #sidebar
+      +grid-width(6)
+    #main-content
+      +grid-width(12)

data/templates/project/manifest.rb

@@ -0,0 +1,17 @@
+stylesheet 'grid.sass', :media => "screen, projection"
+stylesheet 'text.sass', :media => "screen, projection"
+
+description "The Square Grid - A simple CSS framework for designers and developers, based on 35 equal-width columns. It aims to cut down on development time and help you create beautiful-structured websites."
+
+help %Q{
+Please see the square grid website for documentation:
+
+    http://thesquaregrid.com/
+}
+
+welcome_message %Q{
+Please see the square grid website for documentation:
+
+    http://thesquaregrid.com/
+}
+

data/templates/project/text.sass

@@ -0,0 +1,4 @@
+@import compass/reset
+@import thesquaregrid/text
+
++text

metadata

@@ -0,0 +1,84 @@
+--- !ruby/object:Gem::Specification 
+name: compass-thesquaregrid
+version: !ruby/object:Gem::Version 
+  prerelease: false
+  segments: 
+  - 0
+  - 0
+  - 1
+  version: 0.0.1
+platform: ruby
+authors: 
+- Andrew Cornett
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2010-11-04 00:00:00 -04:00
+default_executable: 
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  name: compass
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        segments: 
+        - 0
+        - 10
+        - 6
+        version: 0.10.6
+  type: :runtime
+  version_requirements: *id001
+description: The Square Grid - A simple CSS framework for designers and developers, based on 35 equal-width columns. It aims to cut down on development time and help you create beautiful-structured websites.
+email: andrew@amotion.tv
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- README.rdoc
+- lib/thesquaregrid.rb
+- stylesheets/thesquaregrid/_grid.sass
+- stylesheets/thesquaregrid/_text.sass
+- templates/project/grid.sass
+- templates/project/manifest.rb
+- templates/project/text.sass
+has_rdoc: true
+homepage: http://github.com/amotion/compass-thesquaregrid-plugin
+licenses: []
+
+post_install_message: 
+rdoc_options: []
+
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      segments: 
+      - 0
+      version: "0"
+requirements: []
+
+rubyforge_project: 
+rubygems_version: 1.3.7
+signing_key: 
+specification_version: 3
+summary: Adds The Square Grid CSS framework to Compass
+test_files: []
+