5cbce1a31ed99ab0de7bfc1d9b39f3b080962bd9
[drupal/global/profiles/fonamental.git] / themes / cci-flight-theme / sass-extensions / zen-grids / templates / unit-tests / sass / zen-grid-flow-item.scss
1 /**
2 * @file
3 * Test zen-grid-flow-item()
4 */
5
6 @import "zen";
7
8 #test-zen-grid-flow-item {
9 /* Test zen-grid-flow-item(1) without setting $column-count */
10 @include zen-grid-flow-item(1);
11
12 /* Test zen-grid-flow-item(1, 4) with 12 column grid and 20px gutter */
13 @include zen-grid-flow-item(1, 4);
14
15 /* Test zen-grid-flow-item(1, 4) with 15px gutter */
16 $zen-gutter-width: 15px;
17 @include zen-grid-flow-item(1, 4);
18 $zen-gutter-width: 20px;
19
20 /* Test zen-grid-flow-item(1, 4) with 15px gutter and $zen-float-direction: right */
21 $zen-gutter-width: 15px;
22 $zen-float-direction: right;
23 @include zen-grid-flow-item(1, 4);
24 $zen-gutter-width: 20px;
25 $zen-float-direction: left;
26
27 /* Test zen-grid-flow-item(1, 4) with 15px gutter and $alpha-gutter: true */
28 $zen-gutter-width: 15px;
29 @include zen-grid-flow-item(1, 4, $alpha-gutter: true);
30 $zen-gutter-width: 20px;
31
32 /* Test zen-grid-flow-item(1, 4) with 15px gutter and $omega-gutter: false */
33 $zen-gutter-width: 15px;
34 @include zen-grid-flow-item(1, 4, $omega-gutter: false);
35 $zen-gutter-width: 20px;
36
37 /* Test zen-grid-flow-item(3, 4) with 20px gutter and $alpha-gutter: true */
38 @include zen-grid-flow-item(3, 4, $alpha-gutter: true);
39
40 /* Test zen-grid-flow-item(3, 4) with 20px gutter and $omega-gutter: false */
41 @include zen-grid-flow-item(3, 4, $omega-gutter: false);
42
43 /* Test zen-grid-flow-item(1, 4) with 15px gutter, $zen-float-direction: right and $alpha-gutter: true */
44 $zen-gutter-width: 15px;
45 $zen-float-direction: right;
46 @include zen-grid-flow-item(1, 4, $alpha-gutter: true);
47 $zen-gutter-width: 20px;
48 $zen-float-direction: left;
49
50 /* Test zen-grid-flow-item(1, 4) with $zen-box-sizing: content-box and 10% gutter */
51 $zen-gutter-width: 10%;
52 $zen-box-sizing: content-box;
53 @include zen-grid-flow-item(1, 4);
54 $zen-gutter-width: 20px;
55 $zen-box-sizing: border-box;
56
57 /* Test zen-grid-flow-item(1, 4) with $zen-auto-include-flow-item-base: false */
58 $zen-auto-include-flow-item-base: false;
59 @include zen-grid-flow-item(1, 4);
60 }