chriseppstein-compass-960-plugin 0.9.2

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.
data/Manifest ADDED
@@ -0,0 +1,12 @@
1
+ lib/ninesixty/compass_plugin.rb
2
+ lib/ninesixty/sass_extensions.rb
3
+ lib/ninesixty.rb
4
+ Rakefile
5
+ README.mkdn
6
+ sass/960/_grid.sass
7
+ sass/960/_text.sass
8
+ templates/project/config.rb
9
+ templates/project/grid.sass
10
+ templates/project/text.sass
11
+ VERSION
12
+ Manifest
data/README.mkdn ADDED
@@ -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 `+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
+ +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
+
data/Rakefile ADDED
@@ -0,0 +1,22 @@
1
+ require 'fileutils'
2
+ require 'sass'
3
+ require 'lib/ninesixty/sass_extensions'
4
+
5
+ begin
6
+ require 'echoe'
7
+
8
+ Echoe.new('compass-960-plugin', open('VERSION').read) do |p|
9
+ # p.rubyforge_name = '960'
10
+ p.summary = "Compass compatible Sass port of 960.gs."
11
+ 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/"
12
+ p.url = "http://github.com/chriseppstein/compass-960-plugin"
13
+ p.author = ['Chris Eppstein']
14
+ p.email = "chris@eppsteins.net"
15
+ p.dependencies = ["chriseppstein-compass"]
16
+ p.has_rdoc = false
17
+ end
18
+
19
+ rescue LoadError => boom
20
+ puts "You are missing a dependency required for meta-operations on this gem."
21
+ puts "#{boom.to_s.capitalize}."
22
+ end
data/VERSION ADDED
@@ -0,0 +1 @@
1
+ 0.9.2
@@ -0,0 +1,34 @@
1
+ Gem::Specification.new do |s|
2
+ s.name = %q{compass-960-plugin}
3
+ s.version = "0.9.2"
4
+
5
+ s.required_rubygems_version = Gem::Requirement.new(">= 1.2") if s.respond_to? :required_rubygems_version=
6
+ s.authors = ["Chris Eppstein"]
7
+ s.date = %q{2009-01-24}
8
+ 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/}
9
+ s.email = %q{chris@eppsteins.net}
10
+ s.extra_rdoc_files = ["lib/ninesixty/compass_plugin.rb", "lib/ninesixty/sass_extensions.rb", "lib/ninesixty.rb", "README.mkdn"]
11
+ s.files = ["lib/ninesixty/compass_plugin.rb", "lib/ninesixty/sass_extensions.rb", "lib/ninesixty.rb", "Rakefile", "README.mkdn", "sass/960/_grid.sass", "sass/960/_text.sass", "templates/project/config.rb", "templates/project/grid.sass", "templates/project/text.sass", "VERSION", "Manifest", "compass-960-plugin.gemspec"]
12
+ s.homepage = %q{http://github.com/chriseppstein/compass-960-plugin}
13
+ s.rdoc_options = ["--line-numbers", "--inline-source", "--title", "Compass-960-plugin", "--main", "README.mkdn"]
14
+ s.require_paths = ["lib"]
15
+ s.rubyforge_project = %q{compass-960-plugin}
16
+ s.rubygems_version = %q{1.2.0}
17
+ s.summary = %q{Compass compatible Sass port of 960.gs.}
18
+
19
+ if s.respond_to? :specification_version then
20
+ current_version = Gem::Specification::CURRENT_SPECIFICATION_VERSION
21
+ s.specification_version = 2
22
+
23
+ if current_version >= 3 then
24
+ s.add_runtime_dependency(%q<chriseppstein-compass>, [">= 0"])
25
+ s.add_development_dependency(%q<echoe>, [">= 0"])
26
+ else
27
+ s.add_dependency(%q<chriseppstein-compass>, [">= 0"])
28
+ s.add_dependency(%q<echoe>, [">= 0"])
29
+ end
30
+ else
31
+ s.add_dependency(%q<chriseppstein-compass>, [">= 0"])
32
+ s.add_dependency(%q<echoe>, [">= 0"])
33
+ end
34
+ end
@@ -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,7 @@
1
+ require 'sass'
2
+
3
+ module Sass::Script::Functions
4
+ def enumerate(prefix, from_index, to_index)
5
+ Sass::Script::String.new(((from_index.value)..(to_index.value)).map{|i| "#{prefix}#{i}"}.join(", "))
6
+ end
7
+ end
data/lib/ninesixty.rb ADDED
@@ -0,0 +1,2 @@
1
+ require File.join(File.dirname(__FILE__), 'ninesixty', 'compass_plugin')
2
+ require File.join(File.dirname(__FILE__), 'ninesixty', 'sass_extensions')
@@ -0,0 +1,61 @@
1
+ !ninesixty_gutter_width ||= 20px
2
+
3
+ =grid-container
4
+ :margin-left auto
5
+ :margin-right auto
6
+ :width 960px
7
+
8
+ =grid-width(!n, !cols, !gutter_width = !ninesixty_gutter_width)
9
+ :width= (960px / !cols) * !n - !gutter_width
10
+
11
+ =grid-unit-base(!gutter_width = !ninesixty_gutter_width)
12
+ :display inline
13
+ :float left
14
+ :margin
15
+ :left= !gutter_width / 2
16
+ :right= !gutter_width / 2
17
+
18
+ =grid(!n, !cols, !gutter_width = !ninesixty_gutter_width)
19
+ +grid-unit-base(!gutter_width)
20
+ +grid-width(!n, !cols, !gutter_width)
21
+
22
+ =alpha
23
+ :margin-left 0
24
+
25
+ =omega
26
+ :margin-right 0
27
+
28
+ =grids(!cols, !gutter_width = !ninesixty_gutter_width)
29
+ #{enumerate(".grid_",1,!cols)}
30
+ +grid-unit-base
31
+ @for !n from 1 through !cols
32
+ .grid_#{!n}
33
+ +grid-width(!n, !cols, !gutter_width)
34
+
35
+ =grid-prefix(!n, !cols)
36
+ :padding-left= (960px / !cols) * !n
37
+
38
+ =grid-prefixes(!cols)
39
+ @for !n from 1 through !cols - 1
40
+ .prefix_#{!n}
41
+ +grid-prefix(!n, !cols)
42
+
43
+ =grid-suffix(!n, !cols)
44
+ :padding-right= (960px / !cols) * !n
45
+
46
+ =grid-suffixes(!cols)
47
+ @for !n from 1 through !cols - 1
48
+ .suffix_#{!n}
49
+ +grid-suffix(!n, !cols)
50
+
51
+ =grid-children
52
+ .alpha
53
+ +alpha
54
+ .omega
55
+ +omega
56
+
57
+ =grid-system(!cols)
58
+ +grid-container
59
+ +grids(!cols)
60
+ +grid-prefixes(!cols)
61
+ +grid-suffixes(!cols)
@@ -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 !ninesixty_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 @@
1
+ require 'ninesixty'
@@ -0,0 +1,16 @@
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
+ .container_12
13
+ +grid-system(12)
14
+
15
+ .container_16
16
+ +grid-system(16)
@@ -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,90 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: chriseppstein-compass-960-plugin
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.9.2
5
+ platform: ruby
6
+ authors:
7
+ - Chris Eppstein
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+
12
+ date: 2009-01-24 00:00:00 -08:00
13
+ default_executable:
14
+ dependencies:
15
+ - !ruby/object:Gem::Dependency
16
+ name: chriseppstein-compass
17
+ version_requirement:
18
+ version_requirements: !ruby/object:Gem::Requirement
19
+ requirements:
20
+ - - ">="
21
+ - !ruby/object:Gem::Version
22
+ version: "0"
23
+ version:
24
+ - !ruby/object:Gem::Dependency
25
+ name: echoe
26
+ version_requirement:
27
+ version_requirements: !ruby/object:Gem::Requirement
28
+ requirements:
29
+ - - ">="
30
+ - !ruby/object:Gem::Version
31
+ version: "0"
32
+ version:
33
+ 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/
34
+ email: chris@eppsteins.net
35
+ executables: []
36
+
37
+ extensions: []
38
+
39
+ extra_rdoc_files:
40
+ - lib/ninesixty/compass_plugin.rb
41
+ - lib/ninesixty/sass_extensions.rb
42
+ - lib/ninesixty.rb
43
+ - README.mkdn
44
+ files:
45
+ - lib/ninesixty/compass_plugin.rb
46
+ - lib/ninesixty/sass_extensions.rb
47
+ - lib/ninesixty.rb
48
+ - Rakefile
49
+ - README.mkdn
50
+ - sass/960/_grid.sass
51
+ - sass/960/_text.sass
52
+ - templates/project/config.rb
53
+ - templates/project/grid.sass
54
+ - templates/project/text.sass
55
+ - VERSION
56
+ - Manifest
57
+ - compass-960-plugin.gemspec
58
+ has_rdoc: false
59
+ homepage: http://github.com/chriseppstein/compass-960-plugin
60
+ post_install_message:
61
+ rdoc_options:
62
+ - --line-numbers
63
+ - --inline-source
64
+ - --title
65
+ - Compass-960-plugin
66
+ - --main
67
+ - README.mkdn
68
+ require_paths:
69
+ - lib
70
+ required_ruby_version: !ruby/object:Gem::Requirement
71
+ requirements:
72
+ - - ">="
73
+ - !ruby/object:Gem::Version
74
+ version: "0"
75
+ version:
76
+ required_rubygems_version: !ruby/object:Gem::Requirement
77
+ requirements:
78
+ - - ">="
79
+ - !ruby/object:Gem::Version
80
+ version: "1.2"
81
+ version:
82
+ requirements: []
83
+
84
+ rubyforge_project: compass-960-plugin
85
+ rubygems_version: 1.2.0
86
+ signing_key:
87
+ specification_version: 2
88
+ summary: Compass compatible Sass port of 960.gs.
89
+ test_files: []
90
+