sass-960gs 0.1.0 → 1.0.0

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.md CHANGED
@@ -50,22 +50,26 @@ Class-Based Grid System
50
50
  =======================
51
51
 
52
52
  To create a grid system that works like the original 960 Grid System framework
53
- use the `@include grid-system-complete` mixin to generate the corresponding classes. You
54
- can also customize the number of columns as demonstrated:
53
+ use the `@include grid-system-complete` mixin to generate the corresponding
54
+ classes. Youccan also customize the number of columns as demonstrated:
55
55
 
56
56
  Example:
57
57
 
58
58
  @include grid-system-complete(24);
59
59
 
60
- If you want to scope the grid inside a specific set of selectors or control your container class' name you can use the `+grid-system` mixin instead.
60
+ If you want to scope the grid inside a specific set of selectors or control
61
+ your container class' name you can use the `+grid-system` mixin instead.
61
62
 
62
63
  Example:
63
64
 
64
65
  #wrap {
65
66
  .my_container {
66
- @include grid-system(16); } }
67
+ @include grid-system(16);
68
+ }
69
+ }
67
70
 
68
- This will render all of the grid system nested below your selector, replacing the normal function of the container class (would be .container_16 in this example).
71
+ This will render all of the grid system nested below your selector, replacing
72
+ the normal function of the container class (would be .container_16 in this example).
69
73
 
70
74
  Making Semantic Grids
71
75
  =====================
@@ -73,12 +77,17 @@ Making Semantic Grids
73
77
  To create a grid system using only CSS, use the following semantic grid mixins:
74
78
 
75
79
  * Use the `@include grid-container` mixin to declare your container element.
76
- * Use the `@include grid(N, columns, gutter-width)` mixin to declare a grid element.
77
- * Use the `@include alpha` and `@include omega` mixins to declare the first and last grid elements for a row.
78
- * Use the `@include grid-prefix(N, columns)` and `@include grid-suffix(N, columns)` mixins to add empty grid columns before or after a grid element.
79
- * Use the `@include grid-push(N, columns)` and `@include grid-pull(N, columns)` mixins to move a grid element from its default position.
80
-
81
- `N` is the number of grid columns to span as in `grid_N` or `push_N` with the original 960 Grid System framework.
80
+ * Use the `@include grid(N, columns, gutter-width)` mixin to declare a grid
81
+ element.
82
+ * Use the `@include alpha` and `@include omega` mixins to declare the first
83
+ and last grid elements for a row.
84
+ * Use the `@include grid-prefix(N, columns)` and `@include grid-suffix(N, columns)`
85
+ mixins to add empty grid columns before or after a grid element.
86
+ * Use the `@include grid-push(N, columns)` and `@include grid-pull(N, columns)`
87
+ mixins to move a grid element from its default position.
88
+
89
+ `N` is the number of grid columns to span as in `grid_N` or `push_N` with
90
+ the original 960 Grid System framework.
82
91
 
83
92
  Example:
84
93
 
@@ -87,20 +96,25 @@ Example:
87
96
  #wrap {
88
97
  @include grid-container
89
98
  #header {
90
- @include grid(16); }
99
+ @include grid(16);
100
+ }
91
101
  #middle {
92
102
  @include grid(16);
93
103
  #left-nav {
94
104
  @include grid(5);
95
- @include alpha; }
105
+ @include alpha;
106
+ }
96
107
  #main-content {
97
108
  @include grid-prefix(1);
98
109
  @include grid(10);
99
- @include omega; } } }
110
+ @include omega;
111
+ }
112
+ }
113
+ }
100
114
 
101
115
  Authors/Contributors
102
116
  ====================
103
117
 
104
- [Chris Eppstein](http://chriseppstein.github.com/) is the creator of Compass, a core contributor to Sass and the father of this plugin.
105
-
106
- [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.
118
+ [Nathan Smith](http://sonspring.com/) is the author of [960.gs](http://960.gs/),
119
+ the grid system this plugin is based on. He's also kind enough to let us pester
120
+ him with questions from time to time.
@@ -5,4 +5,4 @@ if defined? Rails
5
5
  end
6
6
  end
7
7
  end
8
- end
8
+ end
@@ -2,7 +2,7 @@
2
2
 
3
3
  Gem::Specification.new do |s|
4
4
  s.name = %q{sass-960gs}
5
- s.version = '0.1.0'
5
+ s.version = '1.0.0'
6
6
 
7
7
  s.required_rubygems_version = Gem::Requirement.new(">= 1.3.5")
8
8
  s.authors = ['Łukasz Niemier']
@@ -6,7 +6,8 @@
6
6
  width: $ninesixty-grid-width;
7
7
  }
8
8
 
9
- @mixin grid-width($n, $cols: $ninesixty-columns, $gutter-width: $ninesixty-gutter-width) {
9
+ @mixin grid-width($n, $cols: $ninesixty-columns,
10
+ $gutter-width: $ninesixty-gutter-width) {
10
11
  width: $ninesixty-grid-width / $cols * $n - $gutter-width;
11
12
  }
12
13
 
@@ -19,7 +20,8 @@
19
20
  };
20
21
  }
21
22
 
22
- @mixin grid($n, $cols: $ninesixty-columns, $gutter-width: $ninesixty-gutter-width) {
23
+ @mixin grid($n, $cols: $ninesixty-columns,
24
+ $gutter-width: $ninesixty-gutter-width) {
23
25
  @include grid-unit-base($gutter-width);
24
26
  @include grid-width($n, $cols, $gutter-width);
25
27
  }
@@ -32,7 +34,8 @@
32
34
  margin-right: 0;
33
35
  }
34
36
 
35
- @mixin grids($cols: $ninesixty-columns, $gutter-width: $ninesixty-gutter-width) {
37
+ @mixin grids($cols: $ninesixty-columns,
38
+ $gutter-width: $ninesixty-gutter-width) {
36
39
  #{enumerate(".grid", 1, $cols, $ninesixty-class-separator)} {
37
40
  @include grid-unit-base($gutter-width);
38
41
  }
@@ -7,7 +7,8 @@
7
7
  min-width: $ninesixty-fluid-grid-min-width;
8
8
  }
9
9
 
10
- @mixin fluid-grid-width($n, $cols: $ninesixty-columns, $gutter-width: $ninesixty-fluid-gutter-width) {
10
+ @mixin fluid-grid-width($n, $cols: $ninesixty-columns,
11
+ $gutter-width: $ninesixty-fluid-gutter-width) {
11
12
  width: 100% / $cols * $n - $gutter-width;
12
13
  }
13
14
 
@@ -20,7 +21,8 @@
20
21
  };
21
22
  }
22
23
 
23
- @mixin fluid-grid($n, $cols: $ninesixty-columns, $gutter-width: $ninesixty-fluid-gutter-width) {
24
+ @mixin fluid-grid($n, $cols: $ninesixty-columns,
25
+ $gutter-width: $ninesixty-fluid-gutter-width) {
24
26
  @include fluid-grid-unit-base($gutter-width);
25
27
  @include fluid-grid-width($n, $cols, $gutter-width);
26
28
  }
@@ -33,8 +35,10 @@
33
35
  margin-right: 0;
34
36
  }
35
37
 
36
- @mixin fluid-grids($cols: $ninesixty-columns, $gutter-width: $ninesixty-fluid-gutter-width) {
37
- #{enumerate(".fluid" + $ninesixty-class-separator + "grid", 1, $cols, $ninesixty-class-separator)} {
38
+ @mixin fluid-grids($cols: $ninesixty-columns,
39
+ $gutter-width: $ninesixty-fluid-gutter-width) {
40
+ #{enumerate(".fluid" + $ninesixty-class-separator + "grid", 1,
41
+ $cols, $ninesixty-class-separator)} {
38
42
  @include fluid-grid-unit-base($gutter-width);
39
43
  }
40
44
  @for $n from 1 through $cols {
@@ -1,6 +1,7 @@
1
1
  @import 'variables';
2
2
 
3
- @mixin text($font-family: $ninesixty-font-family, $font-size: $ninesixty-font-size) {
3
+ @mixin text($font-family: $ninesixty-font-family,
4
+ $font-size: $ninesixty-font-size) {
4
5
  body {
5
6
  font: $font-size $font-family; }
6
7
  a:focus {
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: sass-960gs
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.0
4
+ version: 1.0.0
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -22,7 +22,6 @@ files:
22
22
  - .gitignore
23
23
  - LICENSE.md
24
24
  - README.md
25
- - changelog.txt
26
25
  - lib/sass-960gs.rb
27
26
  - sass-960gs.gemspec
28
27
  - vendor/assets/stylesheets/960/_fixed.scss
@@ -1,26 +0,0 @@
1
- 0.10.4 06/15/2011
2
- =================
3
-
4
- add grid-system-complete mixin which includes relevant .container_X class
5
- add info about installing in existing compass project
6
- remove unneeded max .push and .pull classes, thank ShPakvel
7
-
8
- 0.10.3 04/25/2011
9
- =================
10
-
11
- add missing gutter-width when using =grids, thanks ShPakvel
12
- don't create max-length .push and .pull classes, thanks ShPakvel
13
- doc improvements
14
-
15
- 0.10.2 04/08/2011
16
- =================
17
-
18
- add $ninesixty-class-separator variable, thanks mattyoung
19
- add changelog
20
-
21
- 0.10.1 03/14/2011
22
- =================
23
-
24
- documentation improvements, thanks Matthew Schulkind
25
- fix positioning bug in grid-push and grid-pull, thanks Matthew Schulkind
26
- grid-push and grid-pull default to specified column count correctly