Thème Zen 5 par défaut
[drupal/global/profiles/fonamental.git] / themes / fonamental_theme / sass-extensions / zen-grids / templates / unit-tests / sass / function-zen-grid-item-width.scss
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 }