1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
|
/**
* @file
* Test zen-grid-item-width()
*/
@import "zen";
#test-zen-grid-item-width {
/* Test zen-grid-item-width(1) with default $zen-column-count: 1 */
width: zen-grid-item-width(1);
/* Test zen-grid-item-width(2) with $zen-column-count: 5 */
$zen-column-count: 5;
width: zen-grid-item-width(2);
$zen-column-count: 1;
/* Test zen-grid-item-width(2, 5) */
width: zen-grid-item-width(2, 5);
/* Test zen-grid-item-width(1) with $zen-grid-width: 100px */
$zen-grid-width: 100px;
width: zen-grid-item-width(1);
$zen-grid-width: 100%;
/* Test zen-grid-item-width(2, 5) with $zen-grid-width: 100px */
$zen-grid-width: 100px;
width: zen-grid-item-width(2, 5);
$zen-grid-width: 100%;
/* Test zen-grid-item-width(2, 5, $grid-width: 1000px) */
width: zen-grid-item-width(2, 5, $grid-width: 1000px);
/* Test zen-grid-item-width(2, 5, $grid-width: 1000px, $box-sizing: content-box) */
width: zen-grid-item-width(2, 5, $grid-width: 1000px, $box-sizing: content-box);
/* Test zen-grid-item-width(2, 5, $gutter-width: 10px, $grid-width: 1000px, $box-sizing: content-box) */
width: zen-grid-item-width(2, 5, $gutter-width: 10px, $grid-width: 1000px, $box-sizing: content-box);
}
|