zen-grids 1.0 → 1.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.
@@ -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