comparison sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-unit-width.scss @ 0:a3750d724105 default tip

initital
author Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de>
date Tue, 02 Jun 2015 09:16:36 +0200
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:a3750d724105
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 }