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, $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
|
}
|