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