zen-grids 1.0 → 1.1
Sign up to get free protection for your applications and to get access to all the features.
- data/stylesheets/zen/_grids.scss +45 -24
- data/templates/unit-tests/manifest.rb +12 -8
- data/templates/unit-tests/sass/function-zen-grid-item-width.scss +32 -0
- data/templates/unit-tests/sass/function-zen-unit-width.scss +32 -0
- data/templates/unit-tests/sass/zen-grid-container.scss +16 -0
- data/templates/unit-tests/sass/zen-nested-container.scss +16 -0
- data/templates/unit-tests/test-results/function-zen-grid-item-width.css +19 -0
- data/templates/unit-tests/test-results/function-zen-unit-width.css +19 -0
- data/templates/unit-tests/test-results/zen-grid-container.css +40 -2
- data/templates/unit-tests/test-results/zen-grid-flow-item.css +0 -8
- data/templates/unit-tests/test-results/zen-grid-item-base.css +0 -8
- data/templates/unit-tests/test-results/zen-grid-item.css +0 -2
- data/templates/unit-tests/test-results/zen-nested-container.css +44 -2
- data/zen-grids.gemspec +6 -2
- metadata +8 -4
data/stylesheets/zen/_grids.scss
CHANGED
@@ -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
|
-
|
54
|
-
|
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:
|
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
|
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; //
|
176
|
-
_overflow: hidden; //
|
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://
|
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
|
263
|
-
$
|
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',
|
4
|
-
stylesheet 'sass/function-zen-
|
5
|
-
stylesheet 'sass/zen-
|
6
|
-
stylesheet 'sass/zen-
|
7
|
-
stylesheet 'sass/zen-
|
8
|
-
stylesheet 'sass/zen-grid-
|
9
|
-
stylesheet 'sass/zen-grid-item.scss',
|
10
|
-
stylesheet 'sass/zen-
|
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
|
-
|
9
|
-
|
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
|
-
|
9
|
-
|
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
|
+
}
|
data/zen-grids.gemspec
CHANGED
@@ -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.
|
13
|
-
s.date = '2012-04-
|
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
|
-
-
|
8
|
-
version: "1.
|
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-
|
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.
|
100
|
+
rubyforge_project: "1.1"
|
97
101
|
rubygems_version: 1.3.6
|
98
102
|
signing_key:
|
99
103
|
specification_version: 3
|