root / drupal7 / sites / all / themes / zen / STARTERKIT / sass-extensions / zen-grids / templates / unit-tests / test-results / zen-grid-item.css @ 87dbc3bf
| 1 |
/**
|
|---|---|
| 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 |
} |