compass-960-plugin 0.10.0 → 0.10.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,10 +1,9 @@
1
1
  960 Grid System - Compass Plugin
2
2
  ================================
3
3
 
4
- * Port of Version 1.0
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
- Created by Nathan Smith. See the official site for more info: <http://960.gs/>
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
- To create a grid system with other number of columns use the `+grid-system` mixin to generate
33
- the corresponding classes.
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
- * User the `+grid-prefix` and `+grid-suffix` mixins to add grid columns before or after a grid element.
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,16)
73
+ +grid(5)
55
74
  #main-content
56
- +grid-prefix(1,16)
57
- +grid(10, 16)
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).
@@ -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.0"
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{2010-06-07}
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 = %q{chris@eppsteins.net}
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",
@@ -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
- hash: 55
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: 2010-06-07 00:00:00 -07:00
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
- prerelease: false
24
- requirement: &id001 !ruby/object:Gem::Requirement
25
- none: false
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
- type: :runtime
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: chris@eppsteins.net
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: false
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.7
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.