itsucks-compass-960-plugin 0.9.11

data/Manifest

@@ -0,0 +1,15 @@
+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

data/README.mkdn

@@ -0,0 +1,61 @@
+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/Rakefile

@@ -0,0 +1,21 @@
+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"
+    p.author = ['Percy Lau']
+    p.email = "percy.lau@gmail.com"
+    p.dependencies = ["chriseppstein-compass"]
+    p.has_rdoc = false
+  end
+ 
+rescue LoadError => boom
+  puts "You are missing a dependency required for meta-operations on this gem."
+  puts "#{boom.to_s.capitalize}."
+end

data/VERSION

@@ -0,0 +1 @@
+0.9.11

data/itsucks-compass-960-plugin.gemspec

@@ -0,0 +1,33 @@
+# -*- encoding: utf-8 -*-
+
+Gem::Specification.new do |s|
+  s.name = %q{itsucks-compass-960-plugin}
+  s.version = "0.9.11"
+
+  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.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.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.require_paths = ["lib"]
+  s.rubyforge_project = %q{itsucks-compass-960-plugin}
+  s.rubygems_version = %q{1.3.6}
+  s.summary = %q{Compass compatible Sass port of 960.gs.}
+
+  if s.respond_to? :specification_version then
+    current_version = Gem::Specification::CURRENT_SPECIFICATION_VERSION
+    s.specification_version = 3
+
+    if Gem::Version.new(Gem::RubyGemsVersion) >= Gem::Version.new('1.2.0') then
+      s.add_runtime_dependency(%q<chriseppstein-compass>, [">= 0"])
+    else
+      s.add_dependency(%q<chriseppstein-compass>, [">= 0"])
+    end
+  else
+    s.add_dependency(%q<chriseppstein-compass>, [">= 0"])
+  end
+end

data/lib/ninesixty.rb

@@ -0,0 +1 @@
+require File.join(File.dirname(__FILE__), 'ninesixty', 'compass_plugin')

data/lib/ninesixty/compass_plugin.rb

@@ -0,0 +1,5 @@
+options = Hash.new
+options[:stylesheets_directory] = File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'sass'))
+options[:templates_directory] = File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'templates'))
+
+Compass::Frameworks.register('960', options)

data/sass/960/_debug.sass

@@ -0,0 +1,14 @@
+!col_12 ||= "12_col.gif"
+!col_16 ||= "16_col.gif"
+
+=showgrid_12(!selector, !grid_pic = !col_12)
+  #{!selector}
+    :background
+      :image= image_url(!grid_pic)
+      :repeat repeat-y
+
+=showgrid_16(!selector, !grid_pic = !col_16)
+  #{!selector}
+    :background
+      :image= image_url(!grid_pic)
+      :repeat repeat-y

data/sass/960/_grid.sass

@@ -0,0 +1,80 @@
+!ninesixty_gutter_width ||= 20px
+!ninesixty_grid_width ||= 960px
+!ninesixty_columns ||= 12
+
+=grid-container
+  :margin-left auto
+  :margin-right auto
+  :width= !ninesixty_grid_width
+
+=grid-width(!n, !cols = !ninesixty_columns, !gutter_width = !ninesixty_gutter_width)
+  :width= (!ninesixty_grid_width / !cols) * !n - !gutter_width
+
+=grid-unit-base(!gutter_width = !ninesixty_gutter_width)
+  :display inline
+  :float left
+  :margin
+    :left= !gutter_width / 2
+    :right= !gutter_width / 2
+
+=grid(!n, !cols = !ninesixty_columns, !gutter_width = !ninesixty_gutter_width)
+  +grid-unit-base(!gutter_width)
+  +grid-width(!n, !cols, !gutter_width)
+
+=alpha
+  :margin-left 0
+
+=omega
+  :margin-right 0
+
+=grids(!cols = !ninesixty_columns, !gutter_width = !ninesixty_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 = !ninesixty_columns)
+  :padding-left= (!ninesixty_grid_width / !cols) * !n
+
+=grid-prefixes(!cols = !ninesixty_columns)
+  @for !n from 1 through !cols - 1
+    .prefix_#{!n}
+      +grid-prefix(!n, !cols)
+
+=grid-suffix(!n, !cols = !ninesixty_columns)
+  :padding-right= (!ninesixty_grid_width / !cols) * !n
+
+=grid-suffixes(!cols = !ninesixty_columns)
+  @for !n from 1 through !cols - 1
+    .suffix_#{!n}
+      +grid-suffix(!n, !cols)
+
+=grid-push(!n, !cols = !ninesixty_columns)
+  :left= (!ninesixty_grid_width / !cols) * !n
+
+=grid-pushs(!cols = !ninesixty_columns)
+  @for !n from 1 through !cols - 1
+    .push_#{!n}
+      +grid-push(!n, !cols)
+
+=grid-pull(!n, !cols = !ninesixty_columns)
+  :left= -(!ninesixty_grid_width / !cols) * !n
+
+=grid-pulls(!cols = !ninesixty_columns)
+  @for !n from 1 through !cols - 1
+    .pull_#{!n}
+      +grid-pull(!n, !cols)
+
+=grid-children
+  .alpha
+    +alpha
+  .omega
+    +omega
+
+=grid-system(!cols = !ninesixty_columns)
+  +grid-container
+  +grids(!cols)
+  +grid-prefixes(!cols)
+  +grid-suffixes(!cols)
+  +grid-children

data/sass/960/_text.sass

@@ -0,0 +1,59 @@
+!ninesixty_font_family ||= "Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif"
+
+=text(!font_family = !ninesixty_font_family)
+  body
+    :font= "13px/1.5" !font_family
+
+  a:focus
+    :outline 1px dotted invert
+
+  hr
+    :border-color #ccc
+    :border-style solid
+    :border-width 1px 0 0
+    :clear both
+    :height 0
+
+  h1
+    :font-size 25px
+
+  h2
+    :font-size 23px
+
+  h3
+    :font-size 21px
+
+  h4
+    :font-size 19px
+
+  h5
+    :font-size 17px
+
+  h6
+    :font-size 15px
+
+  ol
+    :list-style decimal
+
+  ul
+    :list-style square
+
+  li
+    :margin-left 30px
+
+  p,
+  dl,
+  hr,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  ol,
+  ul,
+  pre,
+  table,
+  address,
+  fieldset
+    :margin-bottom 20px

data/templates/project/debug.sass

@@ -0,0 +1,13 @@
+/*
+  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/grid.sass

@@ -0,0 +1,34 @@
+/*
+  960 Grid System ~ Core CSS.
+  Learn more ~ http://960.gs/
+  
+  Licensed under GPL and MIT.
+
+@import compass/utilities/general/reset.sass
+@import 960/grid.sass
+
++global-reset
+
+// The following generates the default grids provided by the css version of 960.gs
+.container_12
+  +grid-system(12)
+
+.container_16
+  +grid-system(16)
+
+// But most compass users prefer to construct semantic layouts like so (two column layout with header and footer):
+
+!ninesixty_columns = 24
+.two-column
+  +grid-container
+  #header,
+  #footer,
+  #sidebar,
+  #main-content
+    +grid-unit-base
+  #header, #footer
+    +grid-width(24)
+  #sidebar
+    +grid-width(8)
+  #main-content
+    +grid-width(16)

data/templates/project/manifest.rb

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

data/templates/project/text.sass

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

metadata

@@ -0,0 +1,96 @@
+--- !ruby/object:Gem::Specification 
+name: itsucks-compass-960-plugin
+version: !ruby/object:Gem::Version 
+  prerelease: false
+  segments: 
+  - 0
+  - 9
+  - 11
+  version: 0.9.11
+platform: ruby
+authors: 
+- Percy Lau
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2010-03-21 00:00:00 +08:00
+default_executable: 
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  name: chriseppstein-compass
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        segments: 
+        - 0
+        version: "0"
+  type: :runtime
+  version_requirements: *id001
+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/
+email: percy.lau@gmail.com
+executables: []
+
+extensions: []
+
+extra_rdoc_files: 
+- README.mkdn
+- lib/ninesixty.rb
+- lib/ninesixty/compass_plugin.rb
+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
+has_rdoc: true
+homepage: http://github.com/chriseppstein/compass-960-plugin
+licenses: []
+
+post_install_message: 
+rdoc_options: 
+- --line-numbers
+- --inline-source
+- --title
+- Itsucks-compass-960-plugin
+- --main
+- README.mkdn
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      segments: 
+      - 1
+      - 2
+      version: "1.2"
+requirements: []
+
+rubyforge_project: itsucks-compass-960-plugin
+rubygems_version: 1.3.6
+signing_key: 
+specification_version: 3
+summary: Compass compatible Sass port of 960.gs.
+test_files: []
+