semantic_grid 0.1.1 → 0.2.0

data/app/assets/stylesheets/_semantic_grid.scss

@@ -124,3 +124,22 @@
   margin-right: 0;
 }
 
+
+// Sticky footer
+// Adapted from http://ryanfait.com/sticky-footer
+@mixin sticky-footer($height) {
+  html, body {
+    height: 100%; 
+  }
+  #sticky_footer_top_wrapper {
+    clear: both;
+    min-height: 100%;
+    height: auto !important;
+    height: 100%;
+    margin-bottom: -$height;
+  }
+  .sticky_footer_bottom_wrapper, #push_sticky_footer {
+    height: $height;
+  }
+}
+

data/changelog.rdoc

@@ -0,0 +1,13 @@
+== 0.2.0
+
+* Add sticky footer
+
+== 0.1.1
+
+* bug fix
+	* Error computing grid width
+	* Error importing modules
+
+== 0.1.0
+
+* Initial release

data/lib/semantic_grid/version.rb

@@ -1,3 +1,3 @@
 module SemanticGrid
-  VERSION = "0.1.1"
+  VERSION = "0.2.0"
 end

data/readme.md

@@ -7,14 +7,56 @@ To use the grid, simply mixin in the following:
 body
   +body
   
-// Any element that you wish to user the grid on
+Then any element that you wish to user the grid on:
+
 content
-  +grid-container
-  
+  +grid-container  
 
 You now have access to all the standard 960 grid features: grid(n), push(n), pull(n), prefix(n), suffix(n).
 Mixin 'alpha' and 'omega' to first and last columns, respectively.
 
+A typical centered layout will look like this:
+
+%body
+  #outer_header
+    .outer_grid
+      %header
+  #outer_content
+    .outer_grid
+      %content
+  #outer_footer
+    .outer_grid
+      %footer
+
+With the following mixins:
+
+body
+  +body
+
+.outer_grid
+  +grid-container
+
+
+Semantic Grid also includes a sticky footer.  To use it add this mixin to the top of your stylesheet:
+
++sticky-footer(YOUR_FOOTER_HEIGHT)
+
+and modified your layout:
+
+%body
+  #sticky_footer_top_wrapper
+    #outer_header
+      .outer_grid
+        %header
+    #outer_content
+      .outer_grid
+        %content
+    #push_sticky_footer
+  #outer_footer.sticky_footer_bottom_wrapper
+    .outer_grid
+      %footer
+
+
 
 This grid plays nice with [html5-boilerplate](http://html5boilerplate.com/).
 
@@ -39,6 +81,7 @@ Comment-out the following sprocket directive in /application.css.scss (Remove th
 Import the mixins at the beginning of your stylesheet
 
     @import 'semantic_grid';
+    @import 'semantic_gird/sticky_footer';  # If you want to use it.
 
 
 #Install without Rails

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: semantic_grid
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.2.0
   prerelease: 
 platform: ruby
 authors:
@@ -9,11 +9,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2011-09-03 00:00:00.000000000Z
+date: 2011-09-10 00:00:00.000000000Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
-  requirement: &70291460807760 !ruby/object:Gem::Requirement
+  requirement: &70233752008540 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -21,7 +21,7 @@ dependencies:
         version: '3.1'
   type: :runtime
   prerelease: false
-  version_requirements: *70291460807760
+  version_requirements: *70233752008540
 description: This is a simple semantic grid for SASS based on the popular 960.gs.
 email:
 - g@gavinhughes.net
@@ -34,6 +34,7 @@ files:
 - LICENSE
 - Rakefile
 - app/assets/stylesheets/_semantic_grid.scss
+- changelog.rdoc
 - lib/semantic_grid.rb
 - lib/semantic_grid/engine.rb
 - lib/semantic_grid/sass_extensions.rb