root / drupal7 / sites / all / themes / zen / STARTERKIT / sass-extensions / zen-grids / templates / unit-tests / test-results / zen-grid-item.css @ 87dbc3bf
1 | 87dbc3bf | Benjamin Luce | /**
|
---|---|---|---|
2 | * @file
|
||
3 | * Test zen-grid-item()
|
||
4 | */
|
||
5 | #test-zen-grid-item {
|
||
6 | /* Test zen-grid-item(6, 4) with 12 column grid and 20px gutter */
|
||
7 | float: left; |
||
8 | width: 50%; |
||
9 | margin-left: 25%; |
||
10 | margin-right: -75%; |
||
11 | padding-left: 10px; |
||
12 | padding-right: 10px; |
||
13 | -moz-box-sizing: border-box; |
||
14 | -webkit-box-sizing: border-box; |
||
15 | -ms-box-sizing: border-box; |
||
16 | box-sizing: border-box; |
||
17 | word-wrap: break-word; |
||
18 | /* Test zen-grid-item(3, 3) with box-sizing: content-box, 5 column grid and 10% gutter */
|
||
19 | float: left; |
||
20 | width: 50%; |
||
21 | margin-left: 40%; |
||
22 | margin-right: -100%; |
||
23 | padding-left: 5%; |
||
24 | padding-right: 5%; |
||
25 | border-left: 0 !important; |
||
26 | border-right: 0 !important; |
||
27 | word-wrap: break-word; |
||
28 | /* Turn off $zen-auto-include-item-base */
|
||
29 | /* Test zen-grid-item(3, 3) with 5 column grid and 40px gutter */
|
||
30 | float: left; |
||
31 | width: 60%; |
||
32 | margin-left: 40%; |
||
33 | margin-right: -100%; |
||
34 | /* Test zen-grid-item(3, 3, right) with 5 column grid and 40px gutter */
|
||
35 | float: right; |
||
36 | width: 60%; |
||
37 | margin-right: 40%; |
||
38 | margin-left: -100%; |
||
39 | /* Test zen-grid-item(3, 3) with 5 column grid and 40px gutter and $zen-reverse-all-floats */
|
||
40 | float: right; |
||
41 | width: 60%; |
||
42 | margin-right: 40%; |
||
43 | margin-left: -100%; |
||
44 | /* Test zen-grid-item(3, 3, right) with 5 column grid and 40px gutter and $zen-reverse-all-floats */
|
||
45 | float: left; |
||
46 | width: 60%; |
||
47 | margin-left: 40%; |
||
48 | margin-right: -100%; |
||
49 | /* Test zen-grid-item(3, 2.5) with 5 column grid and 40px gutter */
|
||
50 | float: left; |
||
51 | width: 60%; |
||
52 | margin-left: 30%; |
||
53 | margin-right: -90%; |
||
54 | /* Test zen-grid-item(3, 3) with $zen-grid-width: 1000px, 5 column grid and 40px gutter */
|
||
55 | float: left; |
||
56 | width: 600px; |
||
57 | margin-left: 400px; |
||
58 | margin-right: -1000px; |
||
59 | } |