chriseppstein-compass-960-plugin 0.9.6 → 0.9.7
Sign up to get free protection for your applications and to get access to all the features.
- data/VERSION +1 -1
- data/compass-960-plugin.gemspec +2 -2
- data/sass/960/_grid.sass +10 -8
- data/templates/project/grid.sass +18 -0
- metadata +4 -3
data/VERSION
CHANGED
@@ -1 +1 @@
|
|
1
|
-
0.9.
|
1
|
+
0.9.7
|
data/compass-960-plugin.gemspec
CHANGED
@@ -2,11 +2,11 @@
|
|
2
2
|
|
3
3
|
Gem::Specification.new do |s|
|
4
4
|
s.name = %q{compass-960-plugin}
|
5
|
-
s.version = "0.9.
|
5
|
+
s.version = "0.9.7"
|
6
6
|
|
7
7
|
s.required_rubygems_version = Gem::Requirement.new(">= 1.2") if s.respond_to? :required_rubygems_version=
|
8
8
|
s.authors = ["Chris Eppstein"]
|
9
|
-
s.date = %q{2009-
|
9
|
+
s.date = %q{2009-07-29}
|
10
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
11
|
s.email = %q{chris@eppsteins.net}
|
12
12
|
s.extra_rdoc_files = ["lib/ninesixty/compass_plugin.rb", "lib/ninesixty/sass_extensions.rb", "lib/ninesixty.rb", "README.mkdn"]
|
data/sass/960/_grid.sass
CHANGED
@@ -1,12 +1,13 @@
|
|
1
1
|
!ninesixty_gutter_width ||= 20px
|
2
2
|
!ninesixty_grid_width ||= 960px
|
3
|
+
!ninesixty_columns ||= 12
|
3
4
|
|
4
5
|
=grid-container
|
5
6
|
:margin-left auto
|
6
7
|
:margin-right auto
|
7
8
|
:width= !ninesixty_grid_width
|
8
9
|
|
9
|
-
=grid-width(!n, !cols, !gutter_width = !ninesixty_gutter_width)
|
10
|
+
=grid-width(!n, !cols = !ninesixty_columns, !gutter_width = !ninesixty_gutter_width)
|
10
11
|
:width= (!ninesixty_grid_width / !cols) * !n - !gutter_width
|
11
12
|
|
12
13
|
=grid-unit-base(!gutter_width = !ninesixty_gutter_width)
|
@@ -16,7 +17,7 @@
|
|
16
17
|
:left= !gutter_width / 2
|
17
18
|
:right= !gutter_width / 2
|
18
19
|
|
19
|
-
=grid(!n, !cols, !gutter_width = !ninesixty_gutter_width)
|
20
|
+
=grid(!n, !cols = !ninesixty_columns, !gutter_width = !ninesixty_gutter_width)
|
20
21
|
+grid-unit-base(!gutter_width)
|
21
22
|
+grid-width(!n, !cols, !gutter_width)
|
22
23
|
|
@@ -26,25 +27,25 @@
|
|
26
27
|
=omega
|
27
28
|
:margin-right 0
|
28
29
|
|
29
|
-
=grids(!cols, !gutter_width = !ninesixty_gutter_width)
|
30
|
+
=grids(!cols = !ninesixty_columns, !gutter_width = !ninesixty_gutter_width)
|
30
31
|
#{enumerate(".grid_",1,!cols)}
|
31
32
|
+grid-unit-base
|
32
33
|
@for !n from 1 through !cols
|
33
34
|
.grid_#{!n}
|
34
35
|
+grid-width(!n, !cols, !gutter_width)
|
35
36
|
|
36
|
-
=grid-prefix(!n, !cols)
|
37
|
+
=grid-prefix(!n, !cols = !ninesixty_columns)
|
37
38
|
:padding-left= (!ninesixty_grid_width / !cols) * !n
|
38
39
|
|
39
|
-
=grid-prefixes(!cols)
|
40
|
+
=grid-prefixes(!cols = !ninesixty_columns)
|
40
41
|
@for !n from 1 through !cols - 1
|
41
42
|
.prefix_#{!n}
|
42
43
|
+grid-prefix(!n, !cols)
|
43
44
|
|
44
|
-
=grid-suffix(!n, !cols)
|
45
|
+
=grid-suffix(!n, !cols = !ninesixty_columns)
|
45
46
|
:padding-right= (!ninesixty_grid_width / !cols) * !n
|
46
47
|
|
47
|
-
=grid-suffixes(!cols)
|
48
|
+
=grid-suffixes(!cols = !ninesixty_columns)
|
48
49
|
@for !n from 1 through !cols - 1
|
49
50
|
.suffix_#{!n}
|
50
51
|
+grid-suffix(!n, !cols)
|
@@ -55,8 +56,9 @@
|
|
55
56
|
.omega
|
56
57
|
+omega
|
57
58
|
|
58
|
-
=grid-system(!cols)
|
59
|
+
=grid-system(!cols = !ninesixty_columns)
|
59
60
|
+grid-container
|
60
61
|
+grids(!cols)
|
61
62
|
+grid-prefixes(!cols)
|
62
63
|
+grid-suffixes(!cols)
|
64
|
+
+grid-children
|
data/templates/project/grid.sass
CHANGED
@@ -9,8 +9,26 @@
|
|
9
9
|
|
10
10
|
+global-reset
|
11
11
|
|
12
|
+
// The following generates the default grids provided by the css version of 960.gs
|
12
13
|
.container_12
|
13
14
|
+grid-system(12)
|
14
15
|
|
15
16
|
.container_16
|
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)
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: chriseppstein-compass-960-plugin
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.9.
|
4
|
+
version: 0.9.7
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Chris Eppstein
|
@@ -9,7 +9,7 @@ autorequire:
|
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
11
|
|
12
|
-
date: 2009-
|
12
|
+
date: 2009-07-29 00:00:00 -07:00
|
13
13
|
default_executable:
|
14
14
|
dependencies:
|
15
15
|
- !ruby/object:Gem::Dependency
|
@@ -59,6 +59,7 @@ files:
|
|
59
59
|
- compass-960-plugin.gemspec
|
60
60
|
has_rdoc: false
|
61
61
|
homepage: http://github.com/chriseppstein/compass-960-plugin
|
62
|
+
licenses:
|
62
63
|
post_install_message:
|
63
64
|
rdoc_options:
|
64
65
|
- --line-numbers
|
@@ -84,7 +85,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
84
85
|
requirements: []
|
85
86
|
|
86
87
|
rubyforge_project: compass-960-plugin
|
87
|
-
rubygems_version: 1.
|
88
|
+
rubygems_version: 1.3.5
|
88
89
|
signing_key:
|
89
90
|
specification_version: 3
|
90
91
|
summary: Compass compatible Sass port of 960.gs.
|