fd77ce675b4cbfd952f7f9cb5fc463bb2fb15b2b
[drupal/global/profiles/fonamental.git] / themes / cci-flight-theme / sass-extensions / zen-grids / templates / unit-tests / test-results / zen-grid-flow-item.css
1 /**
2 * @file
3 * Test zen-grid-flow-item()
4 */
5 /* line 8, ../sass/zen-grid-flow-item.scss */
6 #test-zen-grid-flow-item {
7 /* Test zen-grid-flow-item(1) without setting $column-count */
8 width: 100%;
9 padding-left: 10px;
10 padding-right: 10px;
11 -moz-box-sizing: border-box;
12 -webkit-box-sizing: border-box;
13 -ms-box-sizing: border-box;
14 box-sizing: border-box;
15 word-wrap: break-word;
16 padding-left: 0;
17 padding-right: 0px;
18 margin-right: 20px;
19 /* Test zen-grid-flow-item(1, 4) with 12 column grid and 20px gutter */
20 width: 25%;
21 padding-left: 10px;
22 padding-right: 10px;
23 -moz-box-sizing: border-box;
24 -webkit-box-sizing: border-box;
25 -ms-box-sizing: border-box;
26 box-sizing: border-box;
27 word-wrap: break-word;
28 padding-left: 0;
29 padding-right: 15px;
30 margin-right: 5px;
31 /* Test zen-grid-flow-item(1, 4) with 15px gutter */
32 width: 25%;
33 padding-left: 7px;
34 padding-right: 8px;
35 -moz-box-sizing: border-box;
36 -webkit-box-sizing: border-box;
37 -ms-box-sizing: border-box;
38 box-sizing: border-box;
39 word-wrap: break-word;
40 padding-left: 0;
41 padding-right: 11.25px;
42 margin-right: 3.75px;
43 /* Test zen-grid-flow-item(1, 4) with 15px gutter and $zen-float-direction: right */
44 width: 25%;
45 padding-left: 8px;
46 padding-right: 7px;
47 -moz-box-sizing: border-box;
48 -webkit-box-sizing: border-box;
49 -ms-box-sizing: border-box;
50 box-sizing: border-box;
51 word-wrap: break-word;
52 padding-right: 0;
53 padding-left: 11.25px;
54 margin-left: 3.75px;
55 /* Test zen-grid-flow-item(1, 4) with 15px gutter and $alpha-gutter: true */
56 width: 25%;
57 padding-left: 7px;
58 padding-right: 8px;
59 -moz-box-sizing: border-box;
60 -webkit-box-sizing: border-box;
61 -ms-box-sizing: border-box;
62 box-sizing: border-box;
63 word-wrap: break-word;
64 padding-left: 0;
65 margin-left: 15px;
66 padding-right: 11.25px;
67 margin-right: 3.75px;
68 /* Test zen-grid-flow-item(1, 4) with 15px gutter and $omega-gutter: false */
69 width: 25%;
70 padding-left: 7px;
71 padding-right: 8px;
72 -moz-box-sizing: border-box;
73 -webkit-box-sizing: border-box;
74 -ms-box-sizing: border-box;
75 box-sizing: border-box;
76 word-wrap: break-word;
77 padding-left: 0;
78 padding-right: 11.25px;
79 margin-right: -11.25px;
80 /* Test zen-grid-flow-item(3, 4) with 20px gutter and $alpha-gutter: true */
81 width: 75%;
82 padding-left: 10px;
83 padding-right: 10px;
84 -moz-box-sizing: border-box;
85 -webkit-box-sizing: border-box;
86 -ms-box-sizing: border-box;
87 box-sizing: border-box;
88 word-wrap: break-word;
89 padding-left: 0;
90 margin-left: 20px;
91 padding-right: 5px;
92 margin-right: 15px;
93 /* Test zen-grid-flow-item(3, 4) with 20px gutter and $omega-gutter: false */
94 width: 75%;
95 padding-left: 10px;
96 padding-right: 10px;
97 -moz-box-sizing: border-box;
98 -webkit-box-sizing: border-box;
99 -ms-box-sizing: border-box;
100 box-sizing: border-box;
101 word-wrap: break-word;
102 padding-left: 0;
103 padding-right: 5px;
104 margin-right: -5px;
105 /* Test zen-grid-flow-item(1, 4) with 15px gutter, $zen-float-direction: right and $alpha-gutter: true */
106 width: 25%;
107 padding-left: 8px;
108 padding-right: 7px;
109 -moz-box-sizing: border-box;
110 -webkit-box-sizing: border-box;
111 -ms-box-sizing: border-box;
112 box-sizing: border-box;
113 word-wrap: break-word;
114 padding-right: 0;
115 margin-right: 15px;
116 padding-left: 11.25px;
117 margin-left: 3.75px;
118 /* Test zen-grid-flow-item(1, 4) with $zen-box-sizing: content-box and 10% gutter */
119 width: 15%;
120 padding-left: 5%;
121 padding-right: 5%;
122 border: 0 !important;
123 word-wrap: break-word;
124 padding-left: 0;
125 padding-right: 7.5%;
126 margin-right: 2.5%;
127 /* Test zen-grid-flow-item(1, 4) with $zen-auto-include-flow-item-base: false */
128 width: 25%;
129 padding-left: 0;
130 padding-right: 15px;
131 margin-right: 5px;
132 }