1 |
87dbc3bf
|
Benjamin Luce
|
/**
|
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, $grid-width: 1000px) */
|
31 |
|
|
width: zen-grid-item-width(2, 5, $grid-width: 1000px);
|
32 |
|
|
|
33 |
|
|
/* Test zen-grid-item-width(2, 5, $grid-width: 1000px, $box-sizing: content-box) */
|
34 |
|
|
width: zen-grid-item-width(2, 5, $grid-width: 1000px, $box-sizing: content-box);
|
35 |
|
|
|
36 |
|
|
/* Test zen-grid-item-width(2, 5, $gutter-width: 10px, $grid-width: 1000px, $box-sizing: content-box) */
|
37 |
|
|
width: zen-grid-item-width(2, 5, $gutter-width: 10px, $grid-width: 1000px, $box-sizing: content-box);
|
38 |
|
|
} |