compass-960-plugin 0.9.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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
+