Mercurial > hg > mpiwgzen_wide

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

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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-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 }