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.
- 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
|