chriseppstein-compass-960-plugin 0.9.2

Sign up to get free protection for your applications and to get access to all the features.
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
+