compass-960-plugin 0.9.11

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,12 @@
1
+ Manifest
2
+ README.mkdn
3
+ Rakefile
4
+ VERSION
5
+ compass-960-plugin.gemspec
6
+ lib/ninesixty.rb
7
+ lib/ninesixty/compass_plugin.rb
8
+ sass/960/_grid.sass
9
+ sass/960/_text.sass
10
+ templates/project/grid.sass
11
+ templates/project/manifest.rb
12
+ templates/project/text.sass
@@ -0,0 +1,56 @@
1
+ 960 Grid System - Compass Plugin
2
+ ================================
3
+
4
+ * Port of Version 1.0
5
+ * 2008-03-24
6
+
7
+ Created by Nathan Smith. See the official site for more info: <http://960.gs/>
8
+
9
+ ---------
10
+
11
+ This plugin adds the 960 Grid System framework to [Compass](http://compass-style.org/).
12
+
13
+ Install
14
+ =======
15
+
16
+ sudo gem install chriseppstein-compass
17
+ sudo gem install chriseppstein-compass-960-plugin
18
+
19
+ Create a 960-based Compass Project
20
+ ==================================
21
+
22
+ compass -r ninesixty -f 960 <project name>
23
+
24
+ Then edit your `grid.sass` and `text.sass` files accordingly. A reset is added into grid.sass automatically.
25
+
26
+ Customizing your Grid System
27
+ ============================
28
+
29
+ To create a grid system with other number of columns use the `+grid-system` mixin to generate
30
+ the corresponding classes.
31
+
32
+ Example:
33
+
34
+ #wrap
35
+ +grid-system(24)
36
+
37
+ Making Semantic Grids
38
+ =====================
39
+
40
+ * Use the `+grid-container` mixin to declare your container element.
41
+ * Use the `+grid` mixin to declare a grid element.
42
+ * Use the `+alpha` and `+omega` mixins to declare the first and last grid elements for a row.
43
+ * User the `+grid-prefix` and `+grid-suffix` mixins to add grid columns before or after a grid element.
44
+
45
+ Example:
46
+
47
+ #wrap
48
+ +grid-container
49
+ #left-nav
50
+ +alpha
51
+ +grid(5,16)
52
+ #main-content
53
+ +grid-prefix(1,16)
54
+ +grid(10, 16)
55
+ +omega
56
+
@@ -0,0 +1,21 @@
1
+ require 'fileutils'
2
+ require 'sass'
3
+
4
+ begin
5
+ require 'echoe'
6
+
7
+ Echoe.new('compass-960-plugin', open('VERSION').read) do |p|
8
+ # p.rubyforge_name = '960'
9
+ p.summary = "Compass compatible Sass port of 960.gs."
10
+ 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/"
11
+ p.url = "http://github.com/chriseppstein/compass-960-plugin"
12
+ p.author = ['Chris Eppstein']
13
+ p.email = "chris@eppsteins.net"
14
+ p.dependencies = ["compass"]
15
+ p.has_rdoc = false
16
+ end
17
+
18
+ rescue LoadError => boom
19
+ puts "You are missing a dependency required for meta-operations on this gem."
20
+ puts "#{boom.to_s.capitalize}."
21
+ end
data/VERSION ADDED
@@ -0,0 +1 @@
1
+ 0.9.11
@@ -0,0 +1,33 @@
1
+ # -*- encoding: utf-8 -*-
2
+
3
+ Gem::Specification.new do |s|
4
+ s.name = %q{compass-960-plugin}
5
+ s.version = "0.9.11"
6
+
7
+ s.required_rubygems_version = Gem::Requirement.new(">= 1.2") if s.respond_to? :required_rubygems_version=
8
+ s.authors = ["Chris Eppstein"]
9
+ s.date = %q{2009-10-18}
10
+ 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/}
11
+ s.email = %q{chris@eppsteins.net}
12
+ s.extra_rdoc_files = ["lib/ninesixty/compass_plugin.rb", "lib/ninesixty.rb", "README.mkdn"]
13
+ s.files = ["compass-960-plugin.gemspec", "lib/ninesixty/compass_plugin.rb", "lib/ninesixty.rb", "Manifest", "Rakefile", "README.mkdn", "sass/960/_grid.sass", "sass/960/_text.sass", "templates/project/grid.sass", "templates/project/manifest.rb", "templates/project/text.sass", "VERSION"]
14
+ s.homepage = %q{http://github.com/chriseppstein/compass-960-plugin}
15
+ s.rdoc_options = ["--line-numbers", "--inline-source", "--title", "Compass-960-plugin", "--main", "README.mkdn"]
16
+ s.require_paths = ["lib"]
17
+ s.rubyforge_project = %q{compass-960-plugin}
18
+ s.rubygems_version = %q{1.3.5}
19
+ s.summary = %q{Compass compatible Sass port of 960.gs.}
20
+
21
+ if s.respond_to? :specification_version then
22
+ current_version = Gem::Specification::CURRENT_SPECIFICATION_VERSION
23
+ s.specification_version = 3
24
+
25
+ if Gem::Version.new(Gem::RubyGemsVersion) >= Gem::Version.new('1.2.0') then
26
+ s.add_runtime_dependency(%q<compass>, [">= 0"])
27
+ else
28
+ s.add_dependency(%q<compass>, [">= 0"])
29
+ end
30
+ else
31
+ s.add_dependency(%q<compass>, [">= 0"])
32
+ end
33
+ end
@@ -0,0 +1 @@
1
+ require File.join(File.dirname(__FILE__), 'ninesixty', 'compass_plugin')
@@ -0,0 +1,5 @@
1
+ options = Hash.new
2
+ options[:stylesheets_directory] = File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'sass'))
3
+ options[:templates_directory] = File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'templates'))
4
+
5
+ Compass::Frameworks.register('960', options)
@@ -0,0 +1,64 @@
1
+ !ninesixty_gutter_width ||= 20px
2
+ !ninesixty_grid_width ||= 960px
3
+ !ninesixty_columns ||= 12
4
+
5
+ =grid-container
6
+ :margin-left auto
7
+ :margin-right auto
8
+ :width= !ninesixty_grid_width
9
+
10
+ =grid-width(!n, !cols = !ninesixty_columns, !gutter_width = !ninesixty_gutter_width)
11
+ :width= (!ninesixty_grid_width / !cols) * !n - !gutter_width
12
+
13
+ =grid-unit-base(!gutter_width = !ninesixty_gutter_width)
14
+ :display inline
15
+ :float left
16
+ :margin
17
+ :left= !gutter_width / 2
18
+ :right= !gutter_width / 2
19
+
20
+ =grid(!n, !cols = !ninesixty_columns, !gutter_width = !ninesixty_gutter_width)
21
+ +grid-unit-base(!gutter_width)
22
+ +grid-width(!n, !cols, !gutter_width)
23
+
24
+ =alpha
25
+ :margin-left 0
26
+
27
+ =omega
28
+ :margin-right 0
29
+
30
+ =grids(!cols = !ninesixty_columns, !gutter_width = !ninesixty_gutter_width)
31
+ #{enumerate(".grid",1,!cols,"_")}
32
+ +grid-unit-base
33
+ @for !n from 1 through !cols
34
+ .grid_#{!n}
35
+ +grid-width(!n, !cols, !gutter_width)
36
+
37
+ =grid-prefix(!n, !cols = !ninesixty_columns)
38
+ :padding-left= (!ninesixty_grid_width / !cols) * !n
39
+
40
+ =grid-prefixes(!cols = !ninesixty_columns)
41
+ @for !n from 1 through !cols - 1
42
+ .prefix_#{!n}
43
+ +grid-prefix(!n, !cols)
44
+
45
+ =grid-suffix(!n, !cols = !ninesixty_columns)
46
+ :padding-right= (!ninesixty_grid_width / !cols) * !n
47
+
48
+ =grid-suffixes(!cols = !ninesixty_columns)
49
+ @for !n from 1 through !cols - 1
50
+ .suffix_#{!n}
51
+ +grid-suffix(!n, !cols)
52
+
53
+ =grid-children
54
+ .alpha
55
+ +alpha
56
+ .omega
57
+ +omega
58
+
59
+ =grid-system(!cols = !ninesixty_columns)
60
+ +grid-container
61
+ +grids(!cols)
62
+ +grid-prefixes(!cols)
63
+ +grid-suffixes(!cols)
64
+ +grid-children
@@ -0,0 +1,59 @@
1
+ !ninesixty_font_family ||= "Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif"
2
+
3
+ =text(!font_family = !ninesixty_font_family)
4
+ body
5
+ :font= "13px/1.5" !font_family
6
+
7
+ a:focus
8
+ :outline 1px dotted invert
9
+
10
+ hr
11
+ :border-color #ccc
12
+ :border-style solid
13
+ :border-width 1px 0 0
14
+ :clear both
15
+ :height 0
16
+
17
+ h1
18
+ :font-size 25px
19
+
20
+ h2
21
+ :font-size 23px
22
+
23
+ h3
24
+ :font-size 21px
25
+
26
+ h4
27
+ :font-size 19px
28
+
29
+ h5
30
+ :font-size 17px
31
+
32
+ h6
33
+ :font-size 15px
34
+
35
+ ol
36
+ :list-style decimal
37
+
38
+ ul
39
+ :list-style square
40
+
41
+ li
42
+ :margin-left 30px
43
+
44
+ p,
45
+ dl,
46
+ hr,
47
+ h1,
48
+ h2,
49
+ h3,
50
+ h4,
51
+ h5,
52
+ h6,
53
+ ol,
54
+ ul,
55
+ pre,
56
+ table,
57
+ address,
58
+ fieldset
59
+ :margin-bottom 20px
@@ -0,0 +1,34 @@
1
+ /*
2
+ 960 Grid System ~ Core CSS.
3
+ Learn more ~ http://960.gs/
4
+
5
+ Licensed under GPL and MIT.
6
+
7
+ @import compass/utilities/general/reset.sass
8
+ @import 960/grid.sass
9
+
10
+ +global-reset
11
+
12
+ // The following generates the default grids provided by the css version of 960.gs
13
+ .container_12
14
+ +grid-system(12)
15
+
16
+ .container_16
17
+ +grid-system(16)
18
+
19
+ // But most compass users prefer to construct semantic layouts like so (two column layout with header and footer):
20
+
21
+ !ninesixty_columns = 24
22
+ .two-column
23
+ +grid-container
24
+ #header,
25
+ #footer,
26
+ #sidebar,
27
+ #main-content
28
+ +grid-unit-base
29
+ #header, #footer
30
+ +grid-width(24)
31
+ #sidebar
32
+ +grid-width(8)
33
+ #main-content
34
+ +grid-width(16)
@@ -0,0 +1,2 @@
1
+ stylesheet 'grid.sass', :media => "screen, projection"
2
+ stylesheet 'text.sass', :media => "screen, projection"
@@ -0,0 +1,10 @@
1
+ /*
2
+ 960 Grid System ~ Text CSS.
3
+ Learn more ~ http://960.gs/
4
+
5
+ Licensed under GPL and MIT.
6
+
7
+
8
+ @import 960/text.sass
9
+
10
+ +text
metadata ADDED
@@ -0,0 +1,82 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: compass-960-plugin
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.9.11
5
+ platform: ruby
6
+ authors:
7
+ - Chris Eppstein
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+
12
+ date: 2009-10-18 00:00:00 -07:00
13
+ default_executable:
14
+ dependencies:
15
+ - !ruby/object:Gem::Dependency
16
+ name: compass
17
+ type: :runtime
18
+ version_requirement:
19
+ version_requirements: !ruby/object:Gem::Requirement
20
+ requirements:
21
+ - - ">="
22
+ - !ruby/object:Gem::Version
23
+ version: "0"
24
+ version:
25
+ 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/
26
+ email: chris@eppsteins.net
27
+ executables: []
28
+
29
+ extensions: []
30
+
31
+ extra_rdoc_files:
32
+ - lib/ninesixty/compass_plugin.rb
33
+ - lib/ninesixty.rb
34
+ - README.mkdn
35
+ files:
36
+ - compass-960-plugin.gemspec
37
+ - lib/ninesixty/compass_plugin.rb
38
+ - lib/ninesixty.rb
39
+ - Manifest
40
+ - Rakefile
41
+ - README.mkdn
42
+ - sass/960/_grid.sass
43
+ - sass/960/_text.sass
44
+ - templates/project/grid.sass
45
+ - templates/project/manifest.rb
46
+ - templates/project/text.sass
47
+ - VERSION
48
+ has_rdoc: true
49
+ homepage: http://github.com/chriseppstein/compass-960-plugin
50
+ licenses: []
51
+
52
+ post_install_message:
53
+ rdoc_options:
54
+ - --line-numbers
55
+ - --inline-source
56
+ - --title
57
+ - Compass-960-plugin
58
+ - --main
59
+ - README.mkdn
60
+ require_paths:
61
+ - lib
62
+ required_ruby_version: !ruby/object:Gem::Requirement
63
+ requirements:
64
+ - - ">="
65
+ - !ruby/object:Gem::Version
66
+ version: "0"
67
+ version:
68
+ required_rubygems_version: !ruby/object:Gem::Requirement
69
+ requirements:
70
+ - - ">="
71
+ - !ruby/object:Gem::Version
72
+ version: "1.2"
73
+ version:
74
+ requirements: []
75
+
76
+ rubyforge_project: compass-960-plugin
77
+ rubygems_version: 1.3.5
78
+ signing_key:
79
+ specification_version: 3
80
+ summary: Compass compatible Sass port of 960.gs.
81
+ test_files: []
82
+