Projet

Général

Profil

Paste
Télécharger (4,68 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / themes / zen / STARTERKIT / sass-extensions / zen-grids / templates / unit-tests / test-results / zen-grid-flow-item.css @ 87dbc3bf

1 
/**
2 
 * @file
3 
 * Test zen-grid-flow-item()
4 
 */
5 
#test-zen-grid-flow-item {
6 
  /* Test zen-grid-flow-item(1) without setting $column-count */
7 
  padding-left: 10px;
8 
  padding-right: 10px;
9 
  -moz-box-sizing: border-box;
10 
  -webkit-box-sizing: border-box;
11 
  -ms-box-sizing: border-box;
12 
  box-sizing: border-box;
13 
  word-wrap: break-word;
14 
  width: 100%;
15 
  padding-left: 0;
16 
  padding-right: 0px;
17 
  margin-right: 20px;
18 
  /* Test zen-grid-flow-item(1, 4) with 20px gutter */
19 
  padding-left: 10px;
20 
  padding-right: 10px;
21 
  -moz-box-sizing: border-box;
22 
  -webkit-box-sizing: border-box;
23 
  -ms-box-sizing: border-box;
24 
  box-sizing: border-box;
25 
  word-wrap: break-word;
26 
  width: 25%;
27 
  padding-left: 0;
28 
  padding-right: 15px;
29 
  margin-right: 5px;
30 
  /* Test zen-grid-flow-item(1, 4) with 15px gutter */
31 
  padding-left: 7px;
32 
  padding-right: 8px;
33 
  -moz-box-sizing: border-box;
34 
  -webkit-box-sizing: border-box;
35 
  -ms-box-sizing: border-box;
36 
  box-sizing: border-box;
37 
  word-wrap: break-word;
38 
  width: 25%;
39 
  padding-left: 0;
40 
  padding-right: 11.25px;
41 
  margin-right: 3.75px;
42 
  /* Test zen-grid-flow-item(1) with 5 columns, 20px gutter and $zen-grid-width: 1000px */
43 
  padding-left: 10px;
44 
  padding-right: 10px;
45 
  -moz-box-sizing: border-box;
46 
  -webkit-box-sizing: border-box;
47 
  -ms-box-sizing: border-box;
48 
  box-sizing: border-box;
49 
  word-wrap: break-word;
50 
  width: 200px;
51 
  padding-left: 0;
52 
  padding-right: 20px;
53 
  /* Test zen-grid-flow-item(1) with 5 columns, 20px gutter, $zen-grid-width: 1000px, $alpha-gutter: true and $omega-gutter: false */
54 
  padding-left: 10px;
55 
  padding-right: 10px;
56 
  -moz-box-sizing: border-box;
57 
  -webkit-box-sizing: border-box;
58 
  -ms-box-sizing: border-box;
59 
  box-sizing: border-box;
60 
  word-wrap: break-word;
61 
  width: 200px;
62 
  padding-left: 20px;
63 
  padding-right: 0;
64 
  /* Test zen-grid-flow-item(1) with 5 columns, 20px gutter, $zen-grid-width: 1000px and $omega-gutter: false */
65 
  padding-left: 10px;
66 
  padding-right: 10px;
67 
  -moz-box-sizing: border-box;
68 
  -webkit-box-sizing: border-box;
69 
  -ms-box-sizing: border-box;
70 
  box-sizing: border-box;
71 
  word-wrap: break-word;
72 
  width: 180px;
73 
  padding-left: 0;
74 
  padding-right: 0;
75 
  /* Test zen-grid-flow-item(1, 4) with 15px gutter and $zen-float-direction: right */
76 
  padding-left: 8px;
77 
  padding-right: 7px;
78 
  -moz-box-sizing: border-box;
79 
  -webkit-box-sizing: border-box;
80 
  -ms-box-sizing: border-box;
81 
  box-sizing: border-box;
82 
  word-wrap: break-word;
83 
  width: 25%;
84 
  padding-right: 0;
85 
  padding-left: 11.25px;
86 
  margin-left: 3.75px;
87 
  /* Test zen-grid-flow-item(1, 4) with 15px gutter and $alpha-gutter: true */
88 
  padding-left: 7px;
89 
  padding-right: 8px;
90 
  -moz-box-sizing: border-box;
91 
  -webkit-box-sizing: border-box;
92 
  -ms-box-sizing: border-box;
93 
  box-sizing: border-box;
94 
  word-wrap: break-word;
95 
  width: 25%;
96 
  padding-left: 0;
97 
  margin-left: 15px;
98 
  padding-right: 11.25px;
99 
  margin-right: 3.75px;
100 
  /* Test zen-grid-flow-item(1, 4) with 15px gutter and $omega-gutter: false */
101 
  padding-left: 7px;
102 
  padding-right: 8px;
103 
  -moz-box-sizing: border-box;
104 
  -webkit-box-sizing: border-box;
105 
  -ms-box-sizing: border-box;
106 
  box-sizing: border-box;
107 
  word-wrap: break-word;
108 
  width: 25%;
109 
  padding-left: 0;
110 
  padding-right: 11.25px;
111 
  margin-right: -11.25px;
112 
  /* Test zen-grid-flow-item(3, 4) with 20px gutter and $alpha-gutter: true */
113 
  padding-left: 10px;
114 
  padding-right: 10px;
115 
  -moz-box-sizing: border-box;
116 
  -webkit-box-sizing: border-box;
117 
  -ms-box-sizing: border-box;
118 
  box-sizing: border-box;
119 
  word-wrap: break-word;
120 
  width: 75%;
121 
  padding-left: 0;
122 
  margin-left: 20px;
123 
  padding-right: 5px;
124 
  margin-right: 15px;
125 
  /* Test zen-grid-flow-item(3, 4) with 20px gutter and $omega-gutter: false */
126 
  padding-left: 10px;
127 
  padding-right: 10px;
128 
  -moz-box-sizing: border-box;
129 
  -webkit-box-sizing: border-box;
130 
  -ms-box-sizing: border-box;
131 
  box-sizing: border-box;
132 
  word-wrap: break-word;
133 
  width: 75%;
134 
  padding-left: 0;
135 
  padding-right: 5px;
136 
  margin-right: -5px;
137 
  /* Test zen-grid-flow-item(1, 4) with 15px gutter, $zen-float-direction: right and $alpha-gutter: true */
138 
  padding-left: 8px;
139 
  padding-right: 7px;
140 
  -moz-box-sizing: border-box;
141 
  -webkit-box-sizing: border-box;
142 
  -ms-box-sizing: border-box;
143 
  box-sizing: border-box;
144 
  word-wrap: break-word;
145 
  width: 25%;
146 
  padding-right: 0;
147 
  margin-right: 15px;
148 
  padding-left: 11.25px;
149 
  margin-left: 3.75px;
150 
  /* Test zen-grid-flow-item(1, 4) with $zen-box-sizing: content-box and 10% gutter */
151 
  padding-left: 5%;
152 
  padding-right: 5%;
153 
  border-left: 0 !important;
154 
  border-right: 0 !important;
155 
  word-wrap: break-word;
156 
  width: 15%;
157 
  padding-left: 0;
158 
  padding-right: 7.5%;
159 
  margin-right: 2.5%;
160 
  /* Test zen-grid-flow-item(1, 4) with $zen-auto-include-flow-item-base: false */
161 
  width: 25%;
162 
  padding-left: 0;
163 
  padding-right: 15px;
164 
  margin-right: 5px;
165 
}