itsucks-compass-960-plugin 0.9.11 → 0.9.12

data/Manifest

@@ -1,15 +1,15 @@
 Manifest
-README.mkdn
+README.mkd
 Rakefile
 VERSION
 lib/ninesixty.rb
 lib/ninesixty/compass_plugin.rb
 sass/960/_debug.sass
 sass/960/_grid.sass
+sass/960/_sticky_footer.sass
 sass/960/_text.sass
 templates/project/12_col.gif
 templates/project/16_col.gif
-templates/project/debug.sass
 templates/project/grid.sass
 templates/project/manifest.rb
-templates/project/text.sass
+templates/project/screen.sass

data/README.mkd

@@ -0,0 +1,45 @@
+960 Grid System - Compass Plugin
+================================
+
+Fork from [chriseppstein/compass-960-plugin][]
+
+---------
+
+This plugin adds the 960 Grid System framework to [Compass](http://compass-style.org/).
+
+Install
+=======
+
+    sudo gem install itsucks-compass-960-plugin
+
+Create a 960-based Compass Project
+==================================
+
+    compass -r ninesixty -f 960 <project name>
+
+Then edit your `grid.sass` files accordingly. A reset is added into grid.sass automatically.
+
+Customizing your Grid System
+============================
+* screen.sass
+
+        %body
+          #wrap
+            #header
+            #main.clearfix
+             .g12
+               .content
+               .sidebar
+          #footer
+
+* grid.sass
+
+        %body
+	      #wrap
+	        #header
+	          #main.clearfix
+                .g12
+                .g16
+            #footer
+
+[chriseppstein/compass-960-plugin]: http://github.com/chriseppstein/compass-960-plugin

data/Rakefile

@@ -1,11 +1,7 @@
-require 'fileutils'
-require 'sass'
-
 begin
   require 'echoe'
  
   Echoe.new('itsucks-compass-960-plugin', open('VERSION').read) do |p|
-    # p.rubyforge_name = '960'
     p.summary = "Compass compatible Sass port of 960.gs."
     p.description = "The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. http://960.gs/"
     p.url = "http://github.com/chriseppstein/compass-960-plugin"

data/VERSION

@@ -1 +1 @@
-0.9.11
+0.9.12

data/itsucks-compass-960-plugin.gemspec

@@ -2,17 +2,17 @@
 
 Gem::Specification.new do |s|
   s.name = %q{itsucks-compass-960-plugin}
-  s.version = "0.9.11"
+  s.version = "0.9.12"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 1.2") if s.respond_to? :required_rubygems_version=
   s.authors = ["Percy Lau"]
-  s.date = %q{2010-03-21}
+  s.date = %q{2010-03-22}
   s.description = %q{The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. http://960.gs/}
   s.email = %q{percy.lau@gmail.com}
-  s.extra_rdoc_files = ["README.mkdn", "lib/ninesixty.rb", "lib/ninesixty/compass_plugin.rb"]
-  s.files = ["Manifest", "README.mkdn", "Rakefile", "VERSION", "lib/ninesixty.rb", "lib/ninesixty/compass_plugin.rb", "sass/960/_debug.sass", "sass/960/_grid.sass", "sass/960/_text.sass", "templates/project/12_col.gif", "templates/project/16_col.gif", "templates/project/debug.sass", "templates/project/grid.sass", "templates/project/manifest.rb", "templates/project/text.sass", "itsucks-compass-960-plugin.gemspec"]
+  s.extra_rdoc_files = ["README.mkd", "lib/ninesixty.rb", "lib/ninesixty/compass_plugin.rb"]
+  s.files = ["Manifest", "README.mkd", "Rakefile", "VERSION", "lib/ninesixty.rb", "lib/ninesixty/compass_plugin.rb", "sass/960/_debug.sass", "sass/960/_grid.sass", "sass/960/_sticky_footer.sass", "sass/960/_text.sass", "templates/project/12_col.gif", "templates/project/16_col.gif", "templates/project/grid.sass", "templates/project/manifest.rb", "templates/project/screen.sass", "itsucks-compass-960-plugin.gemspec"]
   s.homepage = %q{http://github.com/chriseppstein/compass-960-plugin}
-  s.rdoc_options = ["--line-numbers", "--inline-source", "--title", "Itsucks-compass-960-plugin", "--main", "README.mkdn"]
+  s.rdoc_options = ["--line-numbers", "--inline-source", "--title", "Itsucks-compass-960-plugin", "--main", "README.mkd"]
   s.require_paths = ["lib"]
   s.rubyforge_project = %q{itsucks-compass-960-plugin}
   s.rubygems_version = %q{1.3.6}

data/sass/960/_sticky_footer.sass

@@ -0,0 +1,31 @@
+!footer_height ||= 3em
+=sticky-footer(!footer_height, !root_selector, !content_selector, !footer_selector) 
+  *
+    :margin 0
+    :padding 0
+  html, body, #{!root_selector}
+    :height 100%
+  body > #{!root_selector}
+    :height auto
+    :min-height 100%
+  #{!content_selector}
+    :padding-bottom #{!footer_height}  /* must be same height as the footer */
+  #{!footer_selector}
+    :position relative
+    :margin-top -#{!footer_height}  /* negative value of footer height */
+    :height #{!footer_height}
+    :clear both
+  .clearfix
+    :display inline-block
+  .clearfix:after
+    :content "."
+    :display block
+    :height 0
+    :clear both
+    :visibility hidden
+  /* Hides from IE-mac \*/
+  * html .clearfix
+    :height 1%
+  .clearfix
+    :display block
+  /* End hide from IE-mac */

data/templates/project/grid.sass

@@ -4,31 +4,85 @@
   
   Licensed under GPL and MIT.
 
-@import compass/utilities/general/reset.sass
-@import 960/grid.sass
+/*  Layout
+/*  %body
+/*    #wrap
+/*      #header
+/*      #main.clearfix
+/*        .g12
+/*        .g16
+/*    #footer
+
+/* @import compass/reset.sass
+/* +global-reset
+@import compass/utilities/general/clearfix.sass
 
-+global-reset
+@import 960/grid.sass
+@import 960/text.sass
++text
 
-// The following generates the default grids provided by the css version of 960.gs
-.container_12
-  +grid-system(12)
+@import 960/debug.sass
+@import 960/sticky_footer.sass
 
-.container_16
-  +grid-system(16)
+!background_color = #123
+!text_color = #27261f
+!footer_height = 3em
 
-// But most compass users prefer to construct semantic layouts like so (two column layout with header and footer):
+body
+  :background-color= !background_color
+  :color= !text_color
 
-!ninesixty_columns = 24
-.two-column
+#header, #footer, .g12, .g16
   +grid-container
-  #header,
-  #footer,
-  #sidebar,
-  #main-content
-    +grid-unit-base
-  #header, #footer
-    +grid-width(24)
-  #sidebar
-    +grid-width(8)
-  #main-content
-    +grid-width(16)
+  +clearfix
+
+.g12
+  +grids
+  +grid-prefixes
+  +grid-suffixes
+  +grid-pushs
+  +grid-pulls
+  +grid-children
+  :margin-bottom 20px
+
+.g16
+  +grids(16)
+  +grid-prefixes(16)
+  +grid-suffixes(16)
+  +grid-pushs(16)
+  +grid-pulls(16)
+  +grid-children
+
+#header
+  h1
+    +grid(12,12)
+    :text-align center
+    :padding-top 20px
+  a
+    :color white
+    :text-decoration none
+    &:hover
+      :color white
+      :text-decoration none
+
+#main
+  h2
+    :padding 20px 0px 0px
+    :text-align center
+  p
+    :border 1px solid #666
+    :overflow hidden
+    :padding 10px 0
+    :text-align center
+    :margin-bottom 20px
+
+#footer
+  p
+    +grid(12,12)
+    :color white
+
++sticky-footer(!footer_height, "#wrap", "#main", "#footer")
+
+/* Debug
++showgrid_12(".g12")
++showgrid_16(".g16")

data/templates/project/manifest.rb

@@ -1,5 +1,4 @@
 stylesheet 'grid.sass', :media => "screen, projection"
-stylesheet 'text.sass', :media => "screen, projection"
-stylesheet 'debug.sass', :media => "screen, projection"
+file 'screen.sass'
 image '12_col.gif'
 image '16_col.gif'

data/templates/project/screen.sass

@@ -0,0 +1,131 @@
+/*
+  960 Grid System ~ Core CSS.
+  Learn more ~ http://960.gs/
+  
+  Licensed under GPL and MIT.
+
+/*  Layout
+/*  %body
+/*    #wrap
+/*      #header
+/*      #main.clearfix
+/*        .g12
+/*          .content
+/*          .sidebar
+/*    #footer
+
+/* @import compass/reset.sass
+/* +global-reset
+@import compass/utilities/general/clearfix.sass
+
+@import 960/grid.sass
+@import 960/text.sass
++text
+
+@import 960/debug.sass
+@import 960/sticky_footer.sass
+
+!background_color = white
+!text_color = #666
+!header_height = 80px
+!footer_height = 3em
+
+body
+  :background-color= !background_color
+  :color= !text_color
+
+#header, #footer, .g12
+  +grid-container
+  +clearfix
+
+.g12
+  +grids
+  +grid-prefixes
+  +grid-suffixes
+  +grid-pushs
+  +grid-pulls
+  +grid-children
+
+#header
+  :height= !header_height
+  :border-bottom 2px solid #F90
+  h1
+    +grid(6,12)
+    :color #F90
+    :letter-spacing -1px
+    :margin 30px 0px 0px 15px
+    :padding 0
+    :font-weight normal
+    span
+      :font-size 16px
+      :color #FFC875
+  ul
+    +grid(6,12)
+    :list-style-type none
+    :text-align right
+    :color #CCC
+    :padding 0
+    :margin 40px 15px 0 0
+    li
+      :display inline
+      :margin 0 0 0 10px
+      a
+        :text-decoration none
+        :color #999
+        :font-weight bold
+        &.active
+          :text-decoration none
+          :color #F90
+          :font-weight bold
+        &:hover
+          :text-decoration none
+          :color #333
+
+#main
+  p
+    :margin 0 15px 15px 15px
+  h1
+    :color #F90
+    :font-size 140%
+  h2, h3
+    :margin 0 0 15px 0
+    :padding 5px 15px
+    :font-size 120%
+    :font-weight normal
+    :color #F90
+    :border-bottom 1px solid #E5E5E5
+  .content
+    +grid(9,12)
+    img
+      :border 1px solid #CDCDCD
+      :float left
+      :margin 0px 15px 5px
+      :padding 5px
+  .sidebar
+    +grid(3,12)
+    p.title
+      :margin 0px 20px
+      :font-weight bold
+      :font-style oblique
+
+#footer
+  .inner
+    +grid(12,12)
+    :border-top 2px solid #F90
+    :color #999
+    a
+      :color #999
+      :text-decoration none
+      &:hover
+        :color #F90
+        :text-decoration none
+    .left
+      :float left
+    .right
+      :float right
+      :text-align right
+
++sticky-footer(!footer_height, "#wrap", "#main", "#footer")
+
+/* Debug
+/* +showgrid(".g12")

metadata

@@ -5,8 +5,8 @@ version: !ruby/object:Gem::Version
   segments: 
   - 0
   - 9
-  - 11
-  version: 0.9.11
+  - 12
+  version: 0.9.12
 platform: ruby
 authors: 
 - Percy Lau
@@ -14,7 +14,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2010-03-21 00:00:00 +08:00
+date: 2010-03-22 00:00:00 +08:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
@@ -36,25 +36,25 @@ executables: []
 extensions: []
 
 extra_rdoc_files: 
-- README.mkdn
+- README.mkd
 - lib/ninesixty.rb
 - lib/ninesixty/compass_plugin.rb
 files: 
 - Manifest
-- README.mkdn
+- README.mkd
 - Rakefile
 - VERSION
 - lib/ninesixty.rb
 - lib/ninesixty/compass_plugin.rb
 - sass/960/_debug.sass
 - sass/960/_grid.sass
+- sass/960/_sticky_footer.sass
 - sass/960/_text.sass
 - templates/project/12_col.gif
 - templates/project/16_col.gif
-- templates/project/debug.sass
 - templates/project/grid.sass
 - templates/project/manifest.rb
-- templates/project/text.sass
+- templates/project/screen.sass
 - itsucks-compass-960-plugin.gemspec
 has_rdoc: true
 homepage: http://github.com/chriseppstein/compass-960-plugin
@@ -67,7 +67,7 @@ rdoc_options:
 - --title
 - Itsucks-compass-960-plugin
 - --main
-- README.mkdn
+- README.mkd
 require_paths: 
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement 

data/README.mkdn

@@ -1,61 +0,0 @@
-960 Grid System - Compass Plugin
-================================
-
-* Port of Version 1.0
-* 2008-03-24
-
-Created by Nathan Smith. See the official site for more info: <http://960.gs/>
-
----------
-
-This plugin adds the 960 Grid System framework to [Compass](http://compass-style.org/).
-
-Install
-=======
-
-    sudo gem install itsucks-compass-960-plugin
-
-Create a 960-based Compass Project
-==================================
-
-    compass -r ninesixty -f 960 <project name>
-
-Then edit your `grid.sass`, `text.sass` adn `debug.sass` files accordingly. A reset is added into grid.sass automatically.
-
-Customizing your Grid System
-============================
-
-To create a grid system with other number of columns use the `+grid-system` mixin to generate
-the corresponding classes.
-
-Example:
-
-    #wrap
-      +grid-system(24)
-
-Making Semantic Grids
-=====================
-
-* Use the `+grid-container` mixin to declare your container element.
-* Use the `+grid` mixin to declare a grid element.
-* Use the `+alpha` and `+omega` mixins to declare the first and last grid elements for a row.
-* Use the `+grid-prefix` and `+grid-suffix` mixins to add grid columns before or after a grid element.
-
-
-Example:
-
-    #wrap
-      +grid-container
-      #left-nav
-        +alpha
-        +grid(5,16)
-      #main-content
-        +grid-prefix(1,16)
-        +grid(10, 16)
-        +omega
-
-Debug Grids
-===========
-
-    +showgrid_12(!selector = ".wrap_12")
-    +showgrid_16(!selector = ".wrap_16")

data/templates/project/debug.sass

@@ -1,13 +0,0 @@
-/*
-  960 Grid System ~ Debug CSS.
-  Learn more ~ http://960.gs/
-  
-  Licensed under GPL and MIT.
-  
-@import 960/debug.sass
-
-/*
-  +showgrid_12(!selector = ".wrap_12")
-
-/*
-  +showgrid_16(!selector = ".wrap_16")

data/templates/project/text.sass

@@ -1,10 +0,0 @@
-/*
-  960 Grid System ~ Text CSS.
-  Learn more ~ http://960.gs/
-  
-  Licensed under GPL and MIT.
-  
-
-@import 960/text.sass
-
-+text