compass-960-plugin 0.10.0 → 0.10.1
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/README.mkdn +39 -10
- data/compass-960-plugin.gemspec +4 -4
- data/stylesheets/960/_grid.sass +12 -4
- metadata +14 -31
data/README.mkdn
CHANGED
@@ -1,10 +1,9 @@
|
|
1
1
|
960 Grid System - Compass Plugin
|
2
2
|
================================
|
3
3
|
|
4
|
-
|
5
|
-
* 2008-03-24
|
4
|
+
960.gs is created by Nathan Smith. See the official site for more info: <http://960.gs/>
|
6
5
|
|
7
|
-
|
6
|
+
* This plugin is consistent with latest version of 960.gs as of 3/14/2011
|
8
7
|
|
9
8
|
---------
|
10
9
|
|
@@ -29,8 +28,21 @@ Then edit your `grid.sass` and `text.sass` files accordingly. A reset is added i
|
|
29
28
|
Customizing your Grid System
|
30
29
|
============================
|
31
30
|
|
32
|
-
|
33
|
-
|
31
|
+
This plugin uses the following configuration variables:
|
32
|
+
|
33
|
+
* `$ninesixty-columns` (default: 12) controls the default number of grid columns
|
34
|
+
* `$ninesixty-grid-width` (default: 960px) controls the default overall grid width
|
35
|
+
* `$ninesixty-gutter-width` (default: 20px) controls the default gutter width
|
36
|
+
|
37
|
+
All of the mixins included with this plugin use these configuration variables
|
38
|
+
as defaults if the corresponding argument is omitted from a mixin call.
|
39
|
+
|
40
|
+
Class-Based Grid System
|
41
|
+
=======================
|
42
|
+
|
43
|
+
To create a grid system that works like the original 960 Grid Sytem framework
|
44
|
+
use the `+grid-system` mixin to generate the corresponding classes. You can
|
45
|
+
also customize the number of columns as demonstrated in the following example.
|
34
46
|
|
35
47
|
Example:
|
36
48
|
|
@@ -40,20 +52,37 @@ Example:
|
|
40
52
|
Making Semantic Grids
|
41
53
|
=====================
|
42
54
|
|
55
|
+
To create a grid system using only CSS, use the following semantic grid mixins:
|
56
|
+
|
43
57
|
* Use the `+grid-container` mixin to declare your container element.
|
44
|
-
* Use the `+grid` mixin to declare a grid element.
|
58
|
+
* Use the `+grid(N, columns, gutter-width)` mixin to declare a grid element.
|
45
59
|
* Use the `+alpha` and `+omega` mixins to declare the first and last grid elements for a row.
|
46
|
-
*
|
60
|
+
* Use the `+grid-prefix(N, columns)` and `+grid-suffix(N, columns)` mixins to add empty grid columns before or after a grid element.
|
61
|
+
* Use the `+grid-push(N, columns)` and `+grid-pull(N, columns)` mixins to move a grid element from its default position.
|
62
|
+
|
63
|
+
`N` is the number of grid columns to span as in `grid_N` or `push_N` with the original 960 Grid System framework.
|
47
64
|
|
48
65
|
Example:
|
49
66
|
|
67
|
+
$ninesixty-columns: 16
|
68
|
+
|
50
69
|
#wrap
|
51
70
|
+grid-container
|
52
71
|
#left-nav
|
53
72
|
+alpha
|
54
|
-
+grid(5
|
73
|
+
+grid(5)
|
55
74
|
#main-content
|
56
|
-
+grid-prefix(1
|
57
|
-
+grid(10
|
75
|
+
+grid-prefix(1)
|
76
|
+
+grid(10)
|
58
77
|
+omega
|
59
78
|
|
79
|
+
Authors/Contributors
|
80
|
+
====================
|
81
|
+
|
82
|
+
[Chris Eppstein](http://chriseppstein.github.com/) is the creator of Compass, a core contributor to Sass and the father of this plugin.
|
83
|
+
|
84
|
+
[Nathan Smith](http://sonspring.com/) is the author of [960.gs](http://960.gs/), the grid system this plugin is based on. He's also kind enough to let us pester him with questions from time to time.
|
85
|
+
|
86
|
+
These days, [Matt Sanders](https://github.com/mattsa) is probably the best person chat with if you've found a bug or want to get a patch included.
|
87
|
+
|
88
|
+
We've also been lucky enough to have some help from a number of [other contributors](https://github.com/chriseppstein/compass-960-plugin/contributors).
|
data/compass-960-plugin.gemspec
CHANGED
@@ -2,13 +2,13 @@
|
|
2
2
|
|
3
3
|
Gem::Specification.new do |s|
|
4
4
|
s.name = %q{compass-960-plugin}
|
5
|
-
s.version = "0.10.
|
5
|
+
s.version = "0.10.1"
|
6
6
|
|
7
7
|
s.required_rubygems_version = Gem::Requirement.new(">= 1.3.5")
|
8
|
-
s.authors = ["Chris Eppstein"]
|
9
|
-
s.date = %q{
|
8
|
+
s.authors = ["Chris Eppstein", "Matt Sanders"]
|
9
|
+
s.date = %q{2011-03-14}
|
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
|
-
s.email = %
|
11
|
+
s.email = %w{chris@eppsteins.net matt@modal.org}
|
12
12
|
s.has_rdoc = false
|
13
13
|
s.files = [
|
14
14
|
"compass-960-plugin.gemspec",
|
data/stylesheets/960/_grid.sass
CHANGED
@@ -61,21 +61,29 @@ $ninesixty-columns: 12 !default
|
|
61
61
|
=grid-move-base
|
62
62
|
position: relative
|
63
63
|
|
64
|
-
=grid-push($n, $cols)
|
64
|
+
=grid-move-push($n, $cols)
|
65
65
|
left: ($ninesixty-grid-width / $cols) * $n
|
66
66
|
|
67
|
-
=grid-pull($n, $cols)
|
67
|
+
=grid-move-pull($n, $cols)
|
68
68
|
left: -($ninesixty-grid-width / $cols) * $n
|
69
69
|
|
70
|
+
=grid-push($n, $cols: $ninesixty-columns)
|
71
|
+
+grid-move-base
|
72
|
+
+grid-move-push($n, $cols)
|
73
|
+
|
74
|
+
=grid-pull($n, $cols: $ninesixty-columns)
|
75
|
+
+grid-move-base
|
76
|
+
+grid-move-pull($n, $cols)
|
77
|
+
|
70
78
|
=grid-movements($cols: $ninesixty-columns)
|
71
79
|
#{enumerate(".push", 1, $cols, "_")},
|
72
80
|
#{enumerate(".pull", 1, $cols, "_")}
|
73
81
|
+grid-move-base
|
74
82
|
@for $n from 1 through $cols
|
75
83
|
.push_#{$n}
|
76
|
-
+grid-push($n, $cols)
|
84
|
+
+grid-move-push($n, $cols)
|
77
85
|
.pull_#{$n}
|
78
|
-
+grid-pull($n, $cols)
|
86
|
+
+grid-move-pull($n, $cols)
|
79
87
|
|
80
88
|
=grid-system($cols: $ninesixty-columns)
|
81
89
|
+grid-container
|
metadata
CHANGED
@@ -1,41 +1,32 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: compass-960-plugin
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
|
5
|
-
prerelease: false
|
6
|
-
segments:
|
7
|
-
- 0
|
8
|
-
- 10
|
9
|
-
- 0
|
10
|
-
version: 0.10.0
|
4
|
+
version: 0.10.1
|
11
5
|
platform: ruby
|
12
6
|
authors:
|
13
7
|
- Chris Eppstein
|
8
|
+
- Matt Sanders
|
14
9
|
autorequire:
|
15
10
|
bindir: bin
|
16
11
|
cert_chain: []
|
17
12
|
|
18
|
-
date:
|
13
|
+
date: 2011-03-14 00:00:00 -05:00
|
19
14
|
default_executable:
|
20
15
|
dependencies:
|
21
16
|
- !ruby/object:Gem::Dependency
|
22
17
|
name: compass
|
23
|
-
|
24
|
-
|
25
|
-
|
18
|
+
type: :runtime
|
19
|
+
version_requirement:
|
20
|
+
version_requirements: !ruby/object:Gem::Requirement
|
26
21
|
requirements:
|
27
22
|
- - ">="
|
28
23
|
- !ruby/object:Gem::Version
|
29
|
-
hash: 55
|
30
|
-
segments:
|
31
|
-
- 0
|
32
|
-
- 10
|
33
|
-
- 0
|
34
24
|
version: 0.10.0
|
35
|
-
|
36
|
-
version_requirements: *id001
|
25
|
+
version:
|
37
26
|
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/
|
38
|
-
email:
|
27
|
+
email:
|
28
|
+
- chris@eppsteins.net
|
29
|
+
- matt@modal.org
|
39
30
|
executables: []
|
40
31
|
|
41
32
|
extensions: []
|
@@ -51,7 +42,7 @@ files:
|
|
51
42
|
- templates/project/grid.sass
|
52
43
|
- templates/project/manifest.rb
|
53
44
|
- templates/project/text.sass
|
54
|
-
has_rdoc:
|
45
|
+
has_rdoc: true
|
55
46
|
homepage: http://github.com/chriseppstein/compass-960-plugin
|
56
47
|
licenses: []
|
57
48
|
|
@@ -61,29 +52,21 @@ rdoc_options: []
|
|
61
52
|
require_paths:
|
62
53
|
- lib
|
63
54
|
required_ruby_version: !ruby/object:Gem::Requirement
|
64
|
-
none: false
|
65
55
|
requirements:
|
66
56
|
- - ">="
|
67
57
|
- !ruby/object:Gem::Version
|
68
|
-
hash: 3
|
69
|
-
segments:
|
70
|
-
- 0
|
71
58
|
version: "0"
|
59
|
+
version:
|
72
60
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
73
|
-
none: false
|
74
61
|
requirements:
|
75
62
|
- - ">="
|
76
63
|
- !ruby/object:Gem::Version
|
77
|
-
hash: 17
|
78
|
-
segments:
|
79
|
-
- 1
|
80
|
-
- 3
|
81
|
-
- 5
|
82
64
|
version: 1.3.5
|
65
|
+
version:
|
83
66
|
requirements: []
|
84
67
|
|
85
68
|
rubyforge_project: compass-960-plugin
|
86
|
-
rubygems_version: 1.3.
|
69
|
+
rubygems_version: 1.3.5
|
87
70
|
signing_key:
|
88
71
|
specification_version: 3
|
89
72
|
summary: Compass compatible Sass port of 960.gs.
|