zen-grids 1.0 → 1.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -40,23 +40,30 @@ $zen-float-direction: left !default;
40
40
  $zen-reverse-all-floats: false !default;
41
41
 
42
42
 
43
- //
44
- // Zen Grids requires the clearfix mixin.
45
- //
46
- @import "compass/utilities/general/clearfix";
47
-
48
-
49
43
  //
50
44
  // Apply this to the grid container element.
51
45
  //
52
46
  @mixin zen-grid-container () {
53
- position: relative;
54
- @include clearfix;
47
+ @if ($legacy-support-for-ie6 or $legacy-support-for-ie7) {
48
+ *position: relative; // @TODO: This is a pre-IE8 line of code; don't remember why its needed.
49
+ }
50
+ // We use the "micro clearfix", instead of Compass' clearfix or pie-clearfix.
51
+ &:before,
52
+ &:after {
53
+ content: "";
54
+ display: table;
55
+ }
56
+ &:after {
57
+ clear: both;
58
+ }
59
+ @if ($legacy-support-for-ie6 or $legacy-support-for-ie7) {
60
+ *zoom: 1;
61
+ }
55
62
  }
56
63
 
57
64
  //
58
65
  // Apply this to any grid item that is also a grid container element for a
59
- // nested grid.
66
+ // nested grid. It must be applied after the zen-grid-item() mixin.
60
67
  //
61
68
  @mixin zen-nested-container () {
62
69
  @include zen-grid-container;
@@ -87,11 +94,7 @@ $zen-reverse-all-floats: false !default;
87
94
  ) {
88
95
 
89
96
  // Calculate the unit width.
90
- $unit-width: $grid-width / $column-count;
91
-
92
- @if unit($unit-width) == "px" and floor($unit-width) != ceil($unit-width) {
93
- @warn "You may experience rounding errors as the grid width, #{$grid-width}, does not divide evenly into #{$column-count} columns.";
94
- }
97
+ $unit-width: zen-unit-width($column-count, $grid-width);
95
98
 
96
99
  // Determine the float direction and its reverse.
97
100
  $dir: $float-direction;
@@ -160,8 +163,7 @@ $zen-reverse-all-floats: false !default;
160
163
  @if $box-sizing == content-box {
161
164
  border: 0 !important;
162
165
  }
163
- // Prevent overflowing content from breaking the layout.
164
- overflow: visible;
166
+ // Prevent overflowing content from being hidden beneath other grid items.
165
167
  word-wrap: break-word; // A very nice CSS3 property.
166
168
 
167
169
  @if ($legacy-support-for-ie6 or $legacy-support-for-ie7) {
@@ -172,12 +174,11 @@ $zen-reverse-all-floats: false !default;
172
174
  *behavior: url($box-sizing-polyfill-path);
173
175
  }
174
176
  @if $legacy-support-for-ie6 {
175
- _display: inline; // display inline or double your floated margin! [1]
176
- _overflow: hidden; // in IE6, overflow auto is broken [2] and so is overflow visible [3]
177
- _overflow-y: visible;
177
+ _display: inline; // Display inline or double your floated margin! [1]
178
+ _overflow: hidden; // Prevent overflowing content from breaking the layout.
179
+ _overflow-y: visible; // In IE6, overflow visible is broken [2]
178
180
  // 1. http://www.positioniseverything.net/explorer/doubled-margin.html
179
- // 2. http://browservulsel.blogspot.com/2005/04/ie-overflow-auto-scrollbar-overlap.html
180
- // 3. http://www.howtocreate.co.uk/wrongWithIE/?chapter=overflow%3Avisible%3B
181
+ // 2. http://www.howtocreate.co.uk/wrongWithIE/?chapter=overflow%3Avisible%3B
181
182
  }
182
183
  }
183
184
  }
@@ -259,9 +260,8 @@ $zen-reverse-all-floats: false !default;
259
260
  margin-#{$rev}: -(zen-half-gutter($gutter-width, $rev));
260
261
  }
261
262
 
262
- // Calculate the unit width.
263
- $unit-width: $grid-width / $columns;
264
- $width: $column-span * $unit-width;
263
+ // Calculate the item's width.
264
+ $width: zen-grid-item-width($column-span, $columns, $grid-width);
265
265
  @if $box-sizing == content-box {
266
266
  @if not comparable($width, $gutter-width) {
267
267
  $units-gutter: unit($gutter-width);
@@ -302,6 +302,27 @@ $zen-reverse-all-floats: false !default;
302
302
  @return $half-gutter;
303
303
  }
304
304
 
305
+ // Calculates the unit width of a column.
306
+ @function zen-unit-width (
307
+ $column-count: $zen-column-count,
308
+ $grid-width: $zen-grid-width
309
+ ) {
310
+ $unit-width: $grid-width / $column-count;
311
+ @if unit($unit-width) == "px" and floor($unit-width) != ceil($unit-width) {
312
+ @warn "You may experience rounding errors as the grid width, #{$grid-width}, does not divide evenly into #{$column-count} columns.";
313
+ }
314
+ @return $unit-width;
315
+ }
316
+
317
+ // Calculates the width of a grid item that spans the specified number of columns.
318
+ @function zen-grid-item-width (
319
+ $column-span,
320
+ $column-count: $zen-column-count,
321
+ $grid-width: $zen-grid-width
322
+ ) {
323
+ @return $column-span * zen-unit-width($column-count, $grid-width);
324
+ }
325
+
305
326
  // Returns the opposite direction, given "left" or "right".
306
327
  @function zen-direction-flip($dir) {
307
328
  @if $dir == left {
@@ -1,16 +1,20 @@
1
1
  description "Unit tests for the Zen Grids system."
2
2
 
3
- stylesheet 'sass/function-zen-direction-flip.scss', :media => 'all', :to => 'function-zen-direction-flip.scss'
4
- stylesheet 'sass/function-zen-half-gutter.scss', :media => 'all', :to => 'function-zen-half-gutter.scss'
5
- stylesheet 'sass/zen-clear.scss', :media => 'all', :to => 'zen-clear.scss'
6
- stylesheet 'sass/zen-grid-container.scss', :media => 'all', :to => 'zen-grid-container.scss'
7
- stylesheet 'sass/zen-grid-flow-item.scss', :media => 'all', :to => 'zen-grid-flow-item.scss'
8
- stylesheet 'sass/zen-grid-item-base.scss', :media => 'all', :to => 'zen-grid-item-base.scss'
9
- stylesheet 'sass/zen-grid-item.scss', :media => 'all', :to => 'zen-grid-item.scss'
10
- stylesheet 'sass/zen-nested-container.scss', :media => 'all', :to => 'zen-nested-container.scss'
3
+ stylesheet 'sass/function-zen-direction-flip.scss', :media => 'all', :to => 'function-zen-direction-flip.scss'
4
+ stylesheet 'sass/function-zen-grid-item-width.scss', :media => 'all', :to => 'function-zen-grid-item-width.scss'
5
+ stylesheet 'sass/function-zen-half-gutter.scss', :media => 'all', :to => 'function-zen-half-gutter.scss'
6
+ stylesheet 'sass/function-zen-unit-width.scss', :media => 'all', :to => 'function-zen-unit-width.scss'
7
+ stylesheet 'sass/zen-clear.scss', :media => 'all', :to => 'zen-clear.scss'
8
+ stylesheet 'sass/zen-grid-container.scss', :media => 'all', :to => 'zen-grid-container.scss'
9
+ stylesheet 'sass/zen-grid-flow-item.scss', :media => 'all', :to => 'zen-grid-flow-item.scss'
10
+ stylesheet 'sass/zen-grid-item-base.scss', :media => 'all', :to => 'zen-grid-item-base.scss'
11
+ stylesheet 'sass/zen-grid-item.scss', :media => 'all', :to => 'zen-grid-item.scss'
12
+ stylesheet 'sass/zen-nested-container.scss', :media => 'all', :to => 'zen-nested-container.scss'
11
13
 
12
14
  file 'test-results/function-zen-direction-flip.css'
15
+ file 'test-results/function-zen-grid-item-width.css'
13
16
  file 'test-results/function-zen-half-gutter.css'
17
+ file 'test-results/function-zen-unit-width.css'
14
18
  file 'test-results/zen-clear.css'
15
19
  file 'test-results/zen-grid-container.css'
16
20
  file 'test-results/zen-grid-flow-item.css'
@@ -0,0 +1,32 @@
1
+ /**
2
+ * @file
3
+ * Test zen-grid-item-width()
4
+ */
5
+
6
+ @import "zen";
7
+
8
+ #test-zen-grid-item-width {
9
+ /* Test zen-grid-item-width(1) with default $zen-column-count: 1 */
10
+ width: zen-grid-item-width(1);
11
+
12
+ /* Test zen-grid-item-width(2) with $zen-column-count: 5 */
13
+ $zen-column-count: 5;
14
+ width: zen-grid-item-width(2);
15
+ $zen-column-count: 1;
16
+
17
+ /* Test zen-grid-item-width(2, 5) */
18
+ width: zen-grid-item-width(2, 5);
19
+
20
+ /* Test zen-grid-item-width(1) with $zen-grid-width: 100px */
21
+ $zen-grid-width: 100px;
22
+ width: zen-grid-item-width(1);
23
+ $zen-grid-width: 100%;
24
+
25
+ /* Test zen-grid-item-width(2, 5) with $zen-grid-width: 100px */
26
+ $zen-grid-width: 100px;
27
+ width: zen-grid-item-width(2, 5);
28
+ $zen-grid-width: 100%;
29
+
30
+ /* Test zen-grid-item-width(2, 5, 100px) */
31
+ width: zen-grid-item-width(2, 5, 100px);
32
+ }
@@ -0,0 +1,32 @@
1
+ /**
2
+ * @file
3
+ * Test zen-unit-width()
4
+ */
5
+
6
+ @import "zen";
7
+
8
+ #test-zen-unit-width {
9
+ /* Test zen-unit-width() with default $zen-column-count: 1 */
10
+ width: zen-unit-width();
11
+
12
+ /* Test zen-unit-width() with $zen-column-count: 5 */
13
+ $zen-column-count: 5;
14
+ width: zen-unit-width();
15
+ $zen-column-count: 1;
16
+
17
+ /* Test zen-unit-width(5) */
18
+ width: zen-unit-width(5);
19
+
20
+ /* Test zen-unit-width() with $zen-grid-width: 100px */
21
+ $zen-grid-width: 100px;
22
+ width: zen-unit-width();
23
+ $zen-grid-width: 100%;
24
+
25
+ /* Test zen-unit-width(5) with $zen-grid-width: 100px */
26
+ $zen-grid-width: 100px;
27
+ width: zen-unit-width(5);
28
+ $zen-grid-width: 100%;
29
+
30
+ /* Test zen-unit-width(5, 100px) */
31
+ width: zen-unit-width(5, 100px);
32
+ }
@@ -9,3 +9,19 @@
9
9
  /* Test zen-grid-container() */
10
10
  @include zen-grid-container();
11
11
  }
12
+
13
+ #test-zen-grid-container-2 {
14
+ /* Test zen-grid-container() with $legacy-support-for-ie7: true */
15
+ $legacy-support-for-ie7: true;
16
+ @include zen-grid-container();
17
+ $legacy-support-for-ie7: false;
18
+ }
19
+
20
+ #test-zen-grid-container-3 {
21
+ /* Test zen-grid-container() with $legacy-support-for-ie6: true */
22
+ $legacy-support-for-ie6: true;
23
+ $legacy-support-for-ie7: true;
24
+ @include zen-grid-container();
25
+ $legacy-support-for-ie6: false;
26
+ $legacy-support-for-ie7: false;
27
+ }
@@ -9,3 +9,19 @@
9
9
  /* Test zen-nested-container() */
10
10
  @include zen-nested-container();
11
11
  }
12
+
13
+ #test-zen-nested-container-2 {
14
+ /* Test zen-nested-container() with $legacy-support-for-ie7: true */
15
+ $legacy-support-for-ie7: true;
16
+ @include zen-nested-container();
17
+ $legacy-support-for-ie7: false;
18
+ }
19
+
20
+ #test-zen-nested-container-3 {
21
+ /* Test zen-nested-container() with $legacy-support-for-ie6: true */
22
+ $legacy-support-for-ie6: true;
23
+ $legacy-support-for-ie7: true;
24
+ @include zen-nested-container();
25
+ $legacy-support-for-ie6: false;
26
+ $legacy-support-for-ie7: false;
27
+ }
@@ -0,0 +1,19 @@
1
+ /**
2
+ * @file
3
+ * Test zen-grid-item-width()
4
+ */
5
+ /* line 8, ../sass/function-zen-grid-item-width.scss */
6
+ #test-zen-grid-item-width {
7
+ /* Test zen-grid-item-width(1) with default $zen-column-count: 1 */
8
+ width: 100%;
9
+ /* Test zen-grid-item-width(2) with $zen-column-count: 5 */
10
+ width: 40%;
11
+ /* Test zen-grid-item-width(2, 5) */
12
+ width: 40%;
13
+ /* Test zen-grid-item-width(1) with $zen-grid-width: 100px */
14
+ width: 100px;
15
+ /* Test zen-grid-item-width(2, 5) with $zen-grid-width: 100px */
16
+ width: 40px;
17
+ /* Test zen-grid-item-width(2, 5, 100px) */
18
+ width: 40px;
19
+ }
@@ -0,0 +1,19 @@
1
+ /**
2
+ * @file
3
+ * Test zen-unit-width()
4
+ */
5
+ /* line 8, ../sass/function-zen-unit-width.scss */
6
+ #test-zen-unit-width {
7
+ /* Test zen-unit-width() with default $zen-column-count: 1 */
8
+ width: 100%;
9
+ /* Test zen-unit-width() with $zen-column-count: 5 */
10
+ width: 20%;
11
+ /* Test zen-unit-width(5) */
12
+ width: 20%;
13
+ /* Test zen-unit-width() with $zen-grid-width: 100px */
14
+ width: 100px;
15
+ /* Test zen-unit-width(5) with $zen-grid-width: 100px */
16
+ width: 20px;
17
+ /* Test zen-unit-width(5, 100px) */
18
+ width: 20px;
19
+ }
@@ -5,7 +5,45 @@
5
5
  /* line 8, ../sass/zen-grid-container.scss */
6
6
  #test-zen-grid-container {
7
7
  /* Test zen-grid-container() */
8
- position: relative;
9
- overflow: hidden;
8
+ }
9
+ /* line 52, ../../../../../../../../Library/Ruby/Gems/1.8/gems/zen-grids-1.1/stylesheets/zen/_grids.scss */
10
+ #test-zen-grid-container:before, #test-zen-grid-container:after {
11
+ content: "";
12
+ display: table;
13
+ }
14
+ /* line 56, ../../../../../../../../Library/Ruby/Gems/1.8/gems/zen-grids-1.1/stylesheets/zen/_grids.scss */
15
+ #test-zen-grid-container:after {
16
+ clear: both;
17
+ }
18
+
19
+ /* line 13, ../sass/zen-grid-container.scss */
20
+ #test-zen-grid-container-2 {
21
+ /* Test zen-grid-container() with $legacy-support-for-ie7: true */
22
+ *position: relative;
10
23
  *zoom: 1;
11
24
  }
25
+ /* line 52, ../../../../../../../../Library/Ruby/Gems/1.8/gems/zen-grids-1.1/stylesheets/zen/_grids.scss */
26
+ #test-zen-grid-container-2:before, #test-zen-grid-container-2:after {
27
+ content: "";
28
+ display: table;
29
+ }
30
+ /* line 56, ../../../../../../../../Library/Ruby/Gems/1.8/gems/zen-grids-1.1/stylesheets/zen/_grids.scss */
31
+ #test-zen-grid-container-2:after {
32
+ clear: both;
33
+ }
34
+
35
+ /* line 20, ../sass/zen-grid-container.scss */
36
+ #test-zen-grid-container-3 {
37
+ /* Test zen-grid-container() with $legacy-support-for-ie6: true */
38
+ *position: relative;
39
+ *zoom: 1;
40
+ }
41
+ /* line 52, ../../../../../../../../Library/Ruby/Gems/1.8/gems/zen-grids-1.1/stylesheets/zen/_grids.scss */
42
+ #test-zen-grid-container-3:before, #test-zen-grid-container-3:after {
43
+ content: "";
44
+ display: table;
45
+ }
46
+ /* line 56, ../../../../../../../../Library/Ruby/Gems/1.8/gems/zen-grids-1.1/stylesheets/zen/_grids.scss */
47
+ #test-zen-grid-container-3:after {
48
+ clear: both;
49
+ }
@@ -14,7 +14,6 @@
14
14
  -webkit-box-sizing: border-box;
15
15
  -ms-box-sizing: border-box;
16
16
  box-sizing: border-box;
17
- overflow: visible;
18
17
  word-wrap: break-word;
19
18
  /* Test zen-grid-flow-item(1, 4) with 12 column grid and 20px gutter */
20
19
  margin-left: -10px;
@@ -26,7 +25,6 @@
26
25
  -webkit-box-sizing: border-box;
27
26
  -ms-box-sizing: border-box;
28
27
  box-sizing: border-box;
29
- overflow: visible;
30
28
  word-wrap: break-word;
31
29
  /* Test zen-grid-flow-item(1, 4) with 15px gutter */
32
30
  margin-left: -7px;
@@ -38,7 +36,6 @@
38
36
  -webkit-box-sizing: border-box;
39
37
  -ms-box-sizing: border-box;
40
38
  box-sizing: border-box;
41
- overflow: visible;
42
39
  word-wrap: break-word;
43
40
  /* Test zen-grid-flow-item(1, 4) with 15px gutter and $zen-float-direction: right */
44
41
  margin-right: -7px;
@@ -50,7 +47,6 @@
50
47
  -webkit-box-sizing: border-box;
51
48
  -ms-box-sizing: border-box;
52
49
  box-sizing: border-box;
53
- overflow: visible;
54
50
  word-wrap: break-word;
55
51
  /* Test zen-grid-flow-item(1, 4) with 15px gutter and $alpha-gutter: true */
56
52
  margin-left: 8px;
@@ -62,7 +58,6 @@
62
58
  -webkit-box-sizing: border-box;
63
59
  -ms-box-sizing: border-box;
64
60
  box-sizing: border-box;
65
- overflow: visible;
66
61
  word-wrap: break-word;
67
62
  /* Test zen-grid-flow-item(1, 4) with 15px gutter and $omega-gutter: false */
68
63
  margin-left: -7px;
@@ -74,7 +69,6 @@
74
69
  -webkit-box-sizing: border-box;
75
70
  -ms-box-sizing: border-box;
76
71
  box-sizing: border-box;
77
- overflow: visible;
78
72
  word-wrap: break-word;
79
73
  /* Test zen-grid-flow-item(1, 4) with 15px gutter, $zen-float-direction: right and $alpha-gutter: true */
80
74
  margin-right: 8px;
@@ -86,7 +80,6 @@
86
80
  -webkit-box-sizing: border-box;
87
81
  -ms-box-sizing: border-box;
88
82
  box-sizing: border-box;
89
- overflow: visible;
90
83
  word-wrap: break-word;
91
84
  /* Test zen-grid-flow-item(1, 4) with $zen-box-sizing: content-box and 10% gutter */
92
85
  margin-left: -5%;
@@ -95,7 +88,6 @@
95
88
  padding-left: 5%;
96
89
  padding-right: 5%;
97
90
  border: 0 !important;
98
- overflow: visible;
99
91
  word-wrap: break-word;
100
92
  /* Test zen-grid-flow-item(1, 4) with $zen-auto-include-flow-item-base: false */
101
93
  margin-left: -10px;
@@ -11,13 +11,11 @@
11
11
  -webkit-box-sizing: border-box;
12
12
  -ms-box-sizing: border-box;
13
13
  box-sizing: border-box;
14
- overflow: visible;
15
14
  word-wrap: break-word;
16
15
  /* Test zen-grid-item-base() with $zen-box-sizing: content-box */
17
16
  padding-left: 10px;
18
17
  padding-right: 10px;
19
18
  border: 0 !important;
20
- overflow: visible;
21
19
  word-wrap: break-word;
22
20
  /* Test zen-grid-item-base() with $legacy-support-for-ie7: true */
23
21
  padding-left: 10px;
@@ -26,7 +24,6 @@
26
24
  -webkit-box-sizing: border-box;
27
25
  -ms-box-sizing: border-box;
28
26
  box-sizing: border-box;
29
- overflow: visible;
30
27
  word-wrap: break-word;
31
28
  /* Test zen-grid-item-base() with $box-sizing-polyfill-path: "/boxsizing.htc" and $legacy-support-for-ie7: true */
32
29
  padding-left: 10px;
@@ -35,7 +32,6 @@
35
32
  -webkit-box-sizing: border-box;
36
33
  -ms-box-sizing: border-box;
37
34
  box-sizing: border-box;
38
- overflow: visible;
39
35
  word-wrap: break-word;
40
36
  *behavior: url("/boxsizing.htc");
41
37
  /* Test zen-grid-item-base() with $box-sizing-polyfill-path: "/boxsizing.htc" and $legacy-support-for-ie6: true */
@@ -45,7 +41,6 @@
45
41
  -webkit-box-sizing: border-box;
46
42
  -ms-box-sizing: border-box;
47
43
  box-sizing: border-box;
48
- overflow: visible;
49
44
  word-wrap: break-word;
50
45
  *behavior: url("/boxsizing.htc");
51
46
  _display: inline;
@@ -58,7 +53,6 @@
58
53
  -webkit-box-sizing: border-box;
59
54
  -ms-box-sizing: border-box;
60
55
  box-sizing: border-box;
61
- overflow: visible;
62
56
  word-wrap: break-word;
63
57
  /* Test zen-grid-item-base() with $zen-gutter-width: 15px and $zen-float-direction: right */
64
58
  padding-left: 8px;
@@ -67,7 +61,6 @@
67
61
  -webkit-box-sizing: border-box;
68
62
  -ms-box-sizing: border-box;
69
63
  box-sizing: border-box;
70
- overflow: visible;
71
64
  word-wrap: break-word;
72
65
  /* Test zen-grid-item-base() with $zen-gutter-width: 15px and $zen-reverse-all-floats: true */
73
66
  padding-left: 8px;
@@ -76,6 +69,5 @@
76
69
  -webkit-box-sizing: border-box;
77
70
  -ms-box-sizing: border-box;
78
71
  box-sizing: border-box;
79
- overflow: visible;
80
72
  word-wrap: break-word;
81
73
  }
@@ -15,7 +15,6 @@
15
15
  -webkit-box-sizing: border-box;
16
16
  -ms-box-sizing: border-box;
17
17
  box-sizing: border-box;
18
- overflow: visible;
19
18
  word-wrap: break-word;
20
19
  /* Test zen-grid-item(3, 3) with box-sizing: content-box, 5 column grid and 10% gutter */
21
20
  float: left;
@@ -25,7 +24,6 @@
25
24
  padding-left: 5%;
26
25
  padding-right: 5%;
27
26
  border: 0 !important;
28
- overflow: visible;
29
27
  word-wrap: break-word;
30
28
  /* Turn off $zen-auto-include-item-base */
31
29
  /* Test zen-grid-item(3, 3) with 5 column grid and 40px gutter */
@@ -5,9 +5,51 @@
5
5
  /* line 8, ../sass/zen-nested-container.scss */
6
6
  #test-zen-nested-container {
7
7
  /* Test zen-nested-container() */
8
- position: relative;
9
- overflow: hidden;
8
+ padding-left: 0;
9
+ padding-right: 0;
10
+ }
11
+ /* line 52, ../../../../../../../../Library/Ruby/Gems/1.8/gems/zen-grids-1.1/stylesheets/zen/_grids.scss */
12
+ #test-zen-nested-container:before, #test-zen-nested-container:after {
13
+ content: "";
14
+ display: table;
15
+ }
16
+ /* line 56, ../../../../../../../../Library/Ruby/Gems/1.8/gems/zen-grids-1.1/stylesheets/zen/_grids.scss */
17
+ #test-zen-nested-container:after {
18
+ clear: both;
19
+ }
20
+
21
+ /* line 13, ../sass/zen-nested-container.scss */
22
+ #test-zen-nested-container-2 {
23
+ /* Test zen-nested-container() with $legacy-support-for-ie7: true */
24
+ *position: relative;
10
25
  *zoom: 1;
11
26
  padding-left: 0;
12
27
  padding-right: 0;
13
28
  }
29
+ /* line 52, ../../../../../../../../Library/Ruby/Gems/1.8/gems/zen-grids-1.1/stylesheets/zen/_grids.scss */
30
+ #test-zen-nested-container-2:before, #test-zen-nested-container-2:after {
31
+ content: "";
32
+ display: table;
33
+ }
34
+ /* line 56, ../../../../../../../../Library/Ruby/Gems/1.8/gems/zen-grids-1.1/stylesheets/zen/_grids.scss */
35
+ #test-zen-nested-container-2:after {
36
+ clear: both;
37
+ }
38
+
39
+ /* line 20, ../sass/zen-nested-container.scss */
40
+ #test-zen-nested-container-3 {
41
+ /* Test zen-nested-container() with $legacy-support-for-ie6: true */
42
+ *position: relative;
43
+ *zoom: 1;
44
+ padding-left: 0;
45
+ padding-right: 0;
46
+ }
47
+ /* line 52, ../../../../../../../../Library/Ruby/Gems/1.8/gems/zen-grids-1.1/stylesheets/zen/_grids.scss */
48
+ #test-zen-nested-container-3:before, #test-zen-nested-container-3:after {
49
+ content: "";
50
+ display: table;
51
+ }
52
+ /* line 56, ../../../../../../../../Library/Ruby/Gems/1.8/gems/zen-grids-1.1/stylesheets/zen/_grids.scss */
53
+ #test-zen-nested-container-3:after {
54
+ clear: both;
55
+ }
@@ -9,8 +9,8 @@ Gem::Specification.new do |s|
9
9
  s.homepage = 'http://zengrids.com'
10
10
  s.rubyforge_project =
11
11
 
12
- s.version = '1.0'
13
- s.date = '2012-04-26'
12
+ s.version = '1.1'
13
+ s.date = '2012-04-27'
14
14
 
15
15
  s.authors = ['John Albin Wilkins']
16
16
  s.email = 'virtually.johnalbin@gmail.com'
@@ -32,7 +32,9 @@ Gem::Specification.new do |s|
32
32
  templates/unit-tests/manifest.rb
33
33
  templates/unit-tests/README.txt
34
34
  templates/unit-tests/sass/function-zen-direction-flip.scss
35
+ templates/unit-tests/sass/function-zen-grid-item-width.scss
35
36
  templates/unit-tests/sass/function-zen-half-gutter.scss
37
+ templates/unit-tests/sass/function-zen-unit-width.scss
36
38
  templates/unit-tests/sass/zen-clear.scss
37
39
  templates/unit-tests/sass/zen-grid-container.scss
38
40
  templates/unit-tests/sass/zen-grid-flow-item.scss
@@ -40,7 +42,9 @@ Gem::Specification.new do |s|
40
42
  templates/unit-tests/sass/zen-grid-item.scss
41
43
  templates/unit-tests/sass/zen-nested-container.scss
42
44
  templates/unit-tests/test-results/function-zen-direction-flip.css
45
+ templates/unit-tests/test-results/function-zen-grid-item-width.css
43
46
  templates/unit-tests/test-results/function-zen-half-gutter.css
47
+ templates/unit-tests/test-results/function-zen-unit-width.css
44
48
  templates/unit-tests/test-results/zen-clear.css
45
49
  templates/unit-tests/test-results/zen-grid-container.css
46
50
  templates/unit-tests/test-results/zen-grid-flow-item.css
metadata CHANGED
@@ -4,8 +4,8 @@ version: !ruby/object:Gem::Version
4
4
  prerelease: false
5
5
  segments:
6
6
  - 1
7
- - 0
8
- version: "1.0"
7
+ - 1
8
+ version: "1.1"
9
9
  platform: ruby
10
10
  authors:
11
11
  - John Albin Wilkins
@@ -13,7 +13,7 @@ autorequire:
13
13
  bindir: bin
14
14
  cert_chain: []
15
15
 
16
- date: 2012-04-26 00:00:00 +08:00
16
+ date: 2012-04-27 00:00:00 +08:00
17
17
  default_executable:
18
18
  dependencies:
19
19
  - !ruby/object:Gem::Dependency
@@ -52,7 +52,9 @@ files:
52
52
  - templates/unit-tests/manifest.rb
53
53
  - templates/unit-tests/README.txt
54
54
  - templates/unit-tests/sass/function-zen-direction-flip.scss
55
+ - templates/unit-tests/sass/function-zen-grid-item-width.scss
55
56
  - templates/unit-tests/sass/function-zen-half-gutter.scss
57
+ - templates/unit-tests/sass/function-zen-unit-width.scss
56
58
  - templates/unit-tests/sass/zen-clear.scss
57
59
  - templates/unit-tests/sass/zen-grid-container.scss
58
60
  - templates/unit-tests/sass/zen-grid-flow-item.scss
@@ -60,7 +62,9 @@ files:
60
62
  - templates/unit-tests/sass/zen-grid-item.scss
61
63
  - templates/unit-tests/sass/zen-nested-container.scss
62
64
  - templates/unit-tests/test-results/function-zen-direction-flip.css
65
+ - templates/unit-tests/test-results/function-zen-grid-item-width.css
63
66
  - templates/unit-tests/test-results/function-zen-half-gutter.css
67
+ - templates/unit-tests/test-results/function-zen-unit-width.css
64
68
  - templates/unit-tests/test-results/zen-clear.css
65
69
  - templates/unit-tests/test-results/zen-grid-container.css
66
70
  - templates/unit-tests/test-results/zen-grid-flow-item.css
@@ -93,7 +97,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
93
97
  version: "0"
94
98
  requirements: []
95
99
 
96
- rubyforge_project: "1.0"
100
+ rubyforge_project: "1.1"
97
101
  rubygems_version: 1.3.6
98
102
  signing_key:
99
103
  specification_version: 3