1 |
87dbc3bf
|
Benjamin Luce
|
/**
|
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 |
|
|
} |