Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Base Updates - v1.8.5

- Moved .no-desktop, .no-padding and .no-margin helpers into _grid.less
  • Loading branch information...
commit 94e137e9058c5787cf78ed4154ec987c39d51fe2 1 parent b5318e2
Matthew Hartman authored
6 less/base/_grid.less
@@ -251,4 +251,10 @@
251 251 padding-bottom: 1em;
252 252 }
253 253
  254 +.no-desktop { display: none; }
  255 +
  256 +// Remove Margin / Padding
  257 +.no-margin { margin: 0; }
  258 +.no-padding { padding: 0; }
  259 +
254 260 @import "../_desktop-styles"; // Import Custom Desktop Styles
6 less/base/_helpers.less
@@ -15,8 +15,7 @@
15 15 *display: inline;
16 16 }
17 17 .none,
18   -[hidden],
19   -.no-desktop {
  18 +[hidden] {
20 19 display: none;
21 20 }
22 21
@@ -48,9 +47,6 @@
48 47 width: 1px;
49 48 left: -9999em;
50 49 }
51   -// Remove Margin / Padding
52   -.no-margin { margin: 0; }
53   -.no-padding { padding: 0; }
54 50
55 51 // Image Spacing
56 52 .image-left { margin-right: 20px; }
2  less/style.less
@@ -2,7 +2,7 @@
2 2
3 3 // Base Stylesheet - http://git.io/base
4 4 // Author: Matthew Hartman - http://www.matthewhartman.com.au/
5   -// Version: 1.8.4 - Last Updated: 14th of June, 2014
  5 +// Version: 1.8.5 - Last Updated: 25th of June, 2014
6 6
7 7 // ==========================================================================
8 8
6 scss/base/_grid.scss
@@ -251,4 +251,10 @@
251 251 padding-bottom: 1em;
252 252 }
253 253
  254 +.no-desktop { display: none; }
  255 +
  256 +// Remove Margin / Padding
  257 +.no-margin { margin: 0; }
  258 +.no-padding { padding: 0; }
  259 +
254 260 @import "../_desktop-styles"; // Import Custom Desktop Styles
6 scss/base/_helpers.scss
@@ -15,8 +15,7 @@
15 15 *display: inline;
16 16 }
17 17 .none,
18   -[hidden],
19   -.no-desktop {
  18 +[hidden] {
20 19 display: none;
21 20 }
22 21
@@ -48,9 +47,6 @@
48 47 width: 1px;
49 48 left: -9999em;
50 49 }
51   -// Remove Margin / Padding
52   -.no-margin { margin: 0; }
53   -.no-padding { padding: 0; }
54 50
55 51 // Image Spacing
56 52 .image-left { margin-right: 20px; }
2  scss/style.scss
@@ -2,7 +2,7 @@
2 2
3 3 // Base Stylesheet - http://git.io/base
4 4 // Author: Matthew Hartman - http://www.matthewhartman.com.au/
5   -// Version: 1.8.4 - Last Updated: 14th of June, 2014
  5 +// Version: 1.8.5 - Last Updated: 25th of June, 2014
6 6
7 7 // ==========================================================================
8 8
1,243 style.css
... ... @@ -1,20 +1,44 @@
1   -* {
  1 +*,
  2 +*:before,
  3 +*:after {
2 4 -webkit-box-sizing: border-box;
3 5 -moz-box-sizing: border-box;
4   - box-sizing: border-box; }
5   -
6   -article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
7   - display: block; }
8   -
9   -html, button, input, select, textarea {
10   - font-family: sans-serif; }
11   -
12   -body, form, fieldset, legend, input, select, textarea, button {
13   - margin: 0; }
14   -
  6 + box-sizing: border-box;
  7 +}
  8 +article,
  9 +aside,
  10 +details,
  11 +figcaption,
  12 +figure,
  13 +footer,
  14 +header,
  15 +hgroup,
  16 +main,
  17 +nav,
  18 +section,
  19 +summary {
  20 + display: block;
  21 +}
  22 +html,
  23 +button,
  24 +input,
  25 +select,
  26 +textarea {
  27 + font-family: sans-serif;
  28 +}
  29 +body,
  30 +form,
  31 +fieldset,
  32 +legend,
  33 +input,
  34 +select,
  35 +textarea,
  36 +button {
  37 + margin: 0;
  38 +}
15 39 html {
16   - font-size: 100%; }
17   -
  40 + font-size: 100%;
  41 +}
18 42 body {
19 43 font-family: sans-serif;
20 44 font-size: 16px;
@@ -24,77 +48,88 @@ body {
24 48 color: #434343;
25 49 background-color: #fff;
26 50 -webkit-text-size-adjust: 100%;
27   - -ms-text-size-adjust: 100%; }
28   -
29   -.clear:before, .clear:after {
  51 + -ms-text-size-adjust: 100%;
  52 +}
  53 +.clear:before,
  54 +.clear:after {
30 55 content: "";
31   - display: table; }
32   -
  56 + display: table;
  57 +}
33 58 .clear:after {
34   - clear: both; }
35   -
  59 + clear: both;
  60 +}
36 61 .clear {
37   - zoom: 1; }
38   -
39   -i, em, .em, dfn, blockquote, q {
40   - font-style: italic; }
41   -
  62 + zoom: 1;
  63 +}
  64 +i,
  65 +em,
  66 +.em,
  67 +dfn,
  68 +blockquote,
  69 +q {
  70 + font-style: italic;
  71 +}
42 72 a {
43   - color: #27ae61; }
44   -
  73 + color: #27ae61;
  74 +}
45 75 a:hover {
46   - text-decoration: none; }
47   -
  76 + text-decoration: none;
  77 +}
48 78 a:focus {
49   - outline: thin dotted; }
50   -
51   -a:active, a:hover {
52   - outline: 0; }
53   -
  79 + outline: thin dotted;
  80 +}
  81 +a:active,
  82 +a:hover {
  83 + outline: 0;
  84 +}
54 85 p {
55   - margin: 0 0 1.6em 0; }
56   -
  86 + margin: 0 0 1.6em 0;
  87 +}
57 88 pre {
58   - margin: 1em 0; }
59   -
60   -ul + p, ul + pre, ol + p, ol + pre {
61   - margin-top: 0; }
62   -
  89 + margin: 1em 0;
  90 +}
  91 +ul + p,
  92 +ul + pre,
  93 +ol + p,
  94 +ol + pre {
  95 + margin-top: 0;
  96 +}
63 97 abbr[title] {
64   - border-bottom: 1px dotted; }
65   -
  98 + border-bottom: 1px dotted;
  99 +}
66 100 mark {
67 101 background: #ff0;
68   - color: #111; }
69   -
  102 + color: #111;
  103 +}
70 104 audio:not([controls]) {
71   - height: 0; }
72   -
  105 + height: 0;
  106 +}
73 107 small {
74   - font-size: 80%; }
75   -
76   -sub, sup {
  108 + font-size: 80%;
  109 +}
  110 +sub,
  111 +sup {
77 112 font-size: 75%;
78 113 line-height: 0;
79 114 position: relative;
80   - vertical-align: baseline; }
81   -
  115 + vertical-align: baseline;
  116 +}
82 117 sup {
83   - top: -0.5em; }
84   -
  118 + top: -0.5em;
  119 +}
85 120 sub {
86   - bottom: -0.25em; }
87   -
  121 + bottom: -0.25em;
  122 +}
88 123 img {
89 124 border: 0;
90   - -ms-interpolation-mode: bicubic; }
91   -
  125 + -ms-interpolation-mode: bicubic;
  126 +}
92 127 svg:not(:root) {
93   - overflow: hidden; }
94   -
  128 + overflow: hidden;
  129 +}
95 130 figure {
96   - margin: 0; }
97   -
  131 + margin: 0;
  132 +}
98 133 hr {
99 134 border: 0;
100 135 background: none;
@@ -104,105 +139,130 @@ hr {
104 139 *margin: 1em 0;
105 140 -moz-box-sizing: content-box;
106 141 box-sizing: content-box;
107   - height: 1px; }
108   -
109   -h1, h2, h3, h4, h5, h6 {
  142 + height: 1px;
  143 +}
  144 +h1,
  145 +h2,
  146 +h3,
  147 +h4,
  148 +h5,
  149 +h6 {
110 150 line-height: normal;
111 151 font-weight: normal;
112   - margin: 0 0 0.33em 0; }
113   -
114   -h1, .h1 {
  152 + margin: 0 0 0.33em 0;
  153 +}
  154 +h1,
  155 +.h1 {
115 156 font-size: 40px;
116   - font-size: 2.5rem; }
117   -
118   -h2, .h2 {
  157 + font-size: 2.5rem;
  158 +}
  159 +h2,
  160 +.h2 {
119 161 font-size: 32px;
120   - font-size: 2rem; }
121   -
122   -h3, .h3 {
  162 + font-size: 2rem;
  163 +}
  164 +h3,
  165 +.h3 {
123 166 font-size: 26px;
124   - font-size: 1.625rem; }
125   -
126   -h4, .h4 {
  167 + font-size: 1.625rem;
  168 +}
  169 +h4,
  170 +.h4 {
127 171 font-size: 20px;
128   - font-size: 1.25rem; }
129   -
130   -h5, .h5 {
  172 + font-size: 1.25rem;
  173 +}
  174 +h5,
  175 +.h5 {
131 176 font-size: 18px;
132   - font-size: 1.125rem; }
133   -
134   -h6, .h6 {
  177 + font-size: 1.125rem;
  178 +}
  179 +h6,
  180 +.h6 {
135 181 font-size: 16px;
136   - font-size: 1rem; }
137   -
  182 + font-size: 1rem;
  183 +}
138 184 .no-style-heading {
139   - font-size: 100%; }
140   -
141   -dl, menu, ol, ul {
142   - margin: 1em 0; }
143   -
  185 + font-size: 100%;
  186 +}
  187 +dl,
  188 +menu,
  189 +ol,
  190 +ul {
  191 + margin: 1em 0;
  192 +}
144 193 dd,
145 194 ul ul,
146 195 ol ol,
147 196 ul ol,
148 197 ol ul {
149   - margin: 0; }
150   -
  198 + margin: 0;
  199 +}
151 200 dd {
152   - margin-bottom: 1em; }
153   -
154   -menu, ol, ul {
155   - padding: 0 0 0 22px; }
156   -
157   -nav ul, nav ol {
  201 + margin-bottom: 1em;
  202 +}
  203 +menu,
  204 +ol,
  205 +ul {
  206 + padding: 0 0 0 22px;
  207 +}
  208 +nav ul,
  209 +nav ol {
158 210 list-style: none;
159   - list-style-image: none; }
160   -
161   -.list-unstyled, .list-inline {
  211 + list-style-image: none;
  212 +}
  213 +.list-unstyled,
  214 +.list-inline {
162 215 list-style: none;
163 216 padding: 0;
164   - margin: 0; }
165   - .list-unstyled li, .list-inline li {
166   - margin-top: 0;
167   - margin-bottom: 0; }
168   -
  217 + margin: 0;
  218 +}
  219 +.list-unstyled li,
  220 +.list-inline li {
  221 + margin-top: 0;
  222 + margin-bottom: 0;
  223 +}
169 224 blockquote {
170 225 font-size: 22px;
171 226 font-size: 1.375rem;
172 227 line-height: 32px;
173 228 line-height: 2rem;
174 229 color: #434343;
175   - margin: 1em 0; }
176   - blockquote p {
177   - margin: 1em 0; }
178   -
  230 + margin: 1em 0;
  231 +}
  232 +blockquote p {
  233 + margin: 1em 0;
  234 +}
179 235 cite {
180 236 color: #434343;
181 237 font-style: normal;
182 238 font-size: 16px;
183 239 font-size: 1rem;
184   - line-height: normal; }
185   -
  240 + line-height: normal;
  241 +}
186 242 q {
187   - quotes: none; }
188   -
189   -q:before, q:after {
  243 + quotes: none;
  244 +}
  245 +q:before,
  246 +q:after {
190 247 content: '';
191   - content: none; }
192   -
193   -code, kbd, pre, samp {
  248 + content: none;
  249 +}
  250 +code,
  251 +kbd,
  252 +pre,
  253 +samp {
194 254 word-wrap: break-word;
195   - font-family: "courier new", monospace, serif;
  255 + font-family: 'courier new', monospace, serif;
196 256 font-size: 13px;
197 257 font-size: 0.8125rem;
198 258 line-height: normal;
199 259 font-weight: normal;
200 260 background-color: #f1f1f1;
201   - padding: 10px; }
202   -
  261 + padding: 10px;
  262 +}
203 263 code {
204   - color: #111; }
205   -
  264 + color: #111;
  265 +}
206 266 table {
207 267 width: 100%;
208 268 margin: 1em 0;
@@ -213,47 +273,50 @@ table {
213 273 border-bottom: 1px solid #f1f1f1;
214 274 word-wrap: break-word;
215 275 -ms-word-wrap: break-word;
216   - *white-space: normal; }
217   -
  276 + *white-space: normal;
  277 +}
218 278 table th,
219 279 table td {
220 280 padding: 8px;
221 281 text-align: left;
222 282 vertical-align: top;
223 283 border-top: 1px solid #eee;
224   - border-left: 1px solid #eee; }
225   -
  284 + border-left: 1px solid #eee;
  285 +}
226 286 table thead th,
227 287 table tfoot th {
228 288 vertical-align: bottom;
229 289 background-color: #f1f1f1;
230   - color: #333; }
231   -
  290 + color: #333;
  291 +}
232 292 table caption {
233 293 padding: 8px;
234 294 font-weight: normal;
235 295 font-style: normal;
236   - border-bottom: 0; }
237   -
  296 + border-bottom: 0;
  297 +}
238 298 fieldset {
239 299 border: 0;
240   - padding: 0; }
241   -
  300 + padding: 0;
  301 +}
242 302 legend {
243 303 border: 0;
244 304 padding: 0;
245 305 white-space: normal;
246   - *margin-left: -7px; }
247   -
  306 + *margin-left: -7px;
  307 +}
248 308 label {
249 309 margin: 0;
250   - cursor: pointer; }
251   -
252   -button, input, select, textarea {
  310 + cursor: pointer;
  311 +}
  312 +button,
  313 +input,
  314 +select,
  315 +textarea {
253 316 font-size: 100%;
254 317 vertical-align: baseline;
255   - *vertical-align: middle; }
256   -
  318 + *vertical-align: middle;
  319 +}
257 320 input[type=text],
258 321 input[type=password],
259 322 input[type=email],
@@ -266,8 +329,8 @@ textarea {
266 329 line-height: normal;
267 330 background-color: #fff;
268 331 border: 1px solid #ccc;
269   - color: #111; }
270   -
  332 + color: #111;
  333 +}
271 334 input[type=checkbox],
272 335 input[type=radio] {
273 336 cursor: pointer;
@@ -276,83 +339,87 @@ input[type=radio] {
276 339 margin: 0;
277 340 padding: 0;
278 341 *height: 13px;
279   - *width: 13px; }
280   -
  342 + *width: 13px;
  343 +}
281 344 .checkbox {
282   - margin: 0.2em 0; }
283   - .checkbox input[type=checkbox],
284   - .checkbox input[type=radio] {
285   - margin-top: 0.05em; }
286   - .checkbox label {
287   - padding-left: 5px;
288   - overflow: hidden;
289   - display: table;
290   - *zoom: 1; }
291   -
292   -button, input {
293   - line-height: normal; }
294   -
295   -button, select {
296   - text-transform: none; }
297   -
  345 + margin: 0.2em 0;
  346 +}
  347 +.checkbox input[type=checkbox],
  348 +.checkbox input[type=radio] {
  349 + margin-top: 0.05em;
  350 +}
  351 +.checkbox label {
  352 + padding-left: 5px;
  353 + overflow: hidden;
  354 + display: table;
  355 + *zoom: 1;
  356 +}
  357 +button,
  358 +input {
  359 + line-height: normal;
  360 +}
  361 +button,
  362 +select {
  363 + text-transform: none;
  364 +}
298 365 textarea {
299 366 overflow: auto;
300 367 vertical-align: top;
301   - resize: none; }
302   -
  368 + resize: none;
  369 +}
303 370 button,
304 371 html input[type="button"],
305 372 input[type="reset"],
306 373 input[type="submit"] {
307 374 cursor: pointer;
308 375 -webkit-appearance: button;
309   - *overflow: visible; }
310   -
  376 + *overflow: visible;
  377 +}
311 378 button[disabled],
312 379 html input[disabled] {
313   - cursor: default; }
314   -
  380 + cursor: default;
  381 +}
315 382 input[type="search"] {
316 383 -webkit-appearance: textfield;
317 384 -moz-box-sizing: content-box;
318 385 -webkit-box-sizing: content-box;
319   - box-sizing: content-box; }
320   -
  386 + box-sizing: content-box;
  387 +}
321 388 input[type="search"]::-webkit-search-cancel-button,
322 389 input[type="search"]::-webkit-search-decoration {
323   - -webkit-appearance: none; }
324   -
  390 + -webkit-appearance: none;
  391 +}
325 392 button::-moz-focus-inner,
326 393 input::-moz-focus-inner {
327 394 border: 0;
328   - padding: 0; }
329   -
  395 + padding: 0;
  396 +}
330 397 .button {
331 398 border: 0;
332 399 padding: 1em 3em;
333 400 background-color: #e74b3c;
334 401 color: #fff;
335 402 text-decoration: none;
336   - position: relative; }
337   -
  403 + position: relative;
  404 +}
338 405 .button:hover {
339   - background-color: #f43f3f; }
340   -
  406 + background-color: #f43f3f;
  407 +}
341 408 .button:active {
342   - top: 1px; }
343   -
  409 + top: 1px;
  410 +}
344 411 .grey-button {
345 412 background-color: #eee;
346   - color: #434343; }
347   -
  413 + color: #434343;
  414 +}
348 415 .grey-button:hover {
349   - background-color: #f1f1f1; }
350   -
  416 + background-color: #f1f1f1;
  417 +}
351 418 .button[disabled],
352 419 .button.disabled {
353 420 color: #999;
354   - background-color: #f1f1f1; }
355   -
  421 + background-color: #f1f1f1;
  422 +}
356 423 .button-unstyled {
357 424 font-size: 16px;
358 425 font-size: 1rem;
@@ -363,84 +430,110 @@ input::-moz-focus-inner {
363 430 height: auto;
364 431 padding: 0;
365 432 cursor: pointer;
366   - outline: 0; }
367   - .button-unstyled:hover {
368   - text-decoration: none; }
369   -
  433 + outline: 0;
  434 +}
  435 +.button-unstyled:hover {
  436 + text-decoration: none;
  437 +}
370 438 .button-unstyled[disabled],
371 439 .button-unstyled.disabled {
372 440 text-decoration: none;
373 441 color: #999;
374   - background-color: #ccc; }
375   -
376   -.left, .checkbox input[type=checkbox],
  442 + background-color: #ccc;
  443 +}
  444 +.left,
  445 +.checkbox input[type=checkbox],
377 446 .checkbox input[type=radio] {
378   - float: left; }
379   -
  447 + float: left;
  448 +}
380 449 .right {
381   - float: right; }
382   -
383   -.block, .checkbox {
384   - display: block; }
385   -
  450 + float: right;
  451 +}
  452 +.block,
  453 +.checkbox {
  454 + display: block;
  455 +}
386 456 .inline {
387   - display: inline; }
388   -
389   -.inline-block, audio, canvas, video, .list-inline, .list-inline li, .button {
  457 + display: inline;
  458 +}
  459 +.inline-block,
  460 +audio,
  461 +canvas,
  462 +video,
  463 +.list-inline,
  464 +.list-inline li,
  465 +.button {
390 466 display: inline-block;
391 467 *zoom: 1;
392   - *display: inline; }
393   -
394   -.none, audio:not([controls]),
  468 + *display: inline;
  469 +}
  470 +.none,
395 471 [hidden],
396   -.no-desktop {
397   - display: none; }
398   -
  472 +audio:not([controls]) {
  473 + display: none;
  474 +}
399 475 .font-ultra-bold {
400   - font-weight: 900; }
401   -
402   -.font-bold, b, strong, .strong {
403   - font-weight: 700; }
404   -
405   -.font-normal, dt, cite, table thead th,
406   -table tfoot th, table caption, legend, input[type=text],
  476 + font-weight: 900;
  477 +}
  478 +.font-bold,
  479 +b,
  480 +strong,
  481 +.strong {
  482 + font-weight: 700;
  483 +}
  484 +.font-normal,
  485 +dt,
  486 +cite,
  487 +table thead th,
  488 +table tfoot th,
  489 +table caption,
  490 +legend,
  491 +input[type=text],
407 492 input[type=password],
408 493 input[type=email],
409 494 input[type=search],
410 495 input[type=tel],
411 496 textarea {
412   - font-weight: 500; }
413   -
  497 + font-weight: 500;
  498 +}
414 499 .font-light {
415   - font-weight: 300; }
416   -
  500 + font-weight: 300;
  501 +}
417 502 .font-thin {
418   - font-weight: 100; }
419   -
420   -.font-normal, dt, cite, table thead th,
421   -table tfoot th, table caption, legend, input[type=text],
  503 + font-weight: 100;
  504 +}
  505 +.font-normal,
  506 +dt,
  507 +cite,
  508 +table thead th,
  509 +table tfoot th,
  510 +table caption,
  511 +legend,
  512 +input[type=text],
422 513 input[type=password],
423 514 input[type=email],
424 515 input[type=search],
425 516 input[type=tel],
426 517 textarea {
427   - font-style: normal; }
428   -
  518 + font-style: normal;
  519 +}
429 520 .capitalize {
430   - text-transform: capitalize; }
431   -
  521 + text-transform: capitalize;
  522 +}
432 523 .uppercase {
433   - text-transform: uppercase; }
434   -
435   -.text-left, table caption {
436   - text-align: left; }
437   -
  524 + text-transform: uppercase;
  525 +}
  526 +.text-left,
  527 +table caption {
  528 + text-align: left;
  529 +}
438 530 .text-right {
439   - text-align: right; }
440   -
441   -.text-center, .button {
442   - text-align: center; }
443   -
  531 + text-align: right;
  532 +}
  533 +.text-center,
  534 +.button {
  535 + text-align: center;
  536 +}
444 537 .visuallyhidden {
445 538 border: 0;
446 539 clip: rect(0 0 0 0);
@@ -449,694 +542,746 @@ textarea {
449 542 padding: 0;
450 543 position: absolute;
451 544 width: 1px;
452   - left: -9999em; }
453   -
454   -.no-margin, .no-style-heading {
455   - margin: 0; }
456   -
457   -.no-padding {
458   - padding: 0; }
459   -
  545 + left: -9999em;
  546 +}
460 547 .image-left {
461   - margin-right: 20px; }
462   -
  548 + margin-right: 20px;
  549 +}
463 550 .image-right {
464   - margin-left: 20px; }
465   -
  551 + margin-left: 20px;
  552 +}
466 553 .section {
467   - position: relative; }
468   -
  554 + position: relative;
  555 +}
469 556 .container {
470 557 max-width: 960px;
471 558 margin-left: auto;
472 559 margin-right: auto;
473 560 padding-left: 10px;
474   - padding-right: 10px; }
475   -
  561 + padding-right: 10px;
  562 +}
476 563 .container-full {
477 564 max-width: 960px;
478 565 margin-left: auto;
479   - margin-right: auto; }
480   -
  566 + margin-right: auto;
  567 +}
481 568 .col {
482 569 float: left;
483 570 padding-left: 10px;
484   - padding-right: 10px; }
485   -
486   -[class*="pull-"], [class*="push-"] {
487   - position: relative; }
488   -
  571 + padding-right: 10px;
  572 +}
  573 +[class*="pull-"],
  574 +[class*="push-"] {
  575 + position: relative;
  576 +}
489 577 .no-gutter {
490 578 padding-left: 0;
491   - padding-right: 0; }
492   -
  579 + padding-right: 0;
  580 +}
493 581 .col-1 {
494 582 width: 8.33333%;
495 583 width: calc(100% / 12 * 1);
496 584 width: -webkit-calc(100% / 12 * 1);
497   - width: -moz-calc(100% / 12 * 1); }
498   -
  585 + width: -moz-calc(100% / 12 * 1);
  586 +}
499 587 .col-2 {
500 588 width: 16.66667%;
501 589 width: calc(100% / 12 * 2);
502 590 width: -webkit-calc(100% / 12 * 2);
503   - width: -moz-calc(100% / 12 * 2); }
504   -
505   -.col-3, .col-1-4 {
  591 + width: -moz-calc(100% / 12 * 2);
  592 +}
  593 +.col-3,
  594 +.col-1-4 {
506 595 width: 25%;
507 596 width: calc(100% / 12 * 3);
508 597 width: -webkit-calc(100% / 12 * 3);
509   - width: -moz-calc(100% / 12 * 3); }
510   -
511   -.col-4, .col-1-3 {
  598 + width: -moz-calc(100% / 12 * 3);
  599 +}
  600 +.col-4,
  601 +.col-1-3 {
512 602 width: 33.33333%;
513 603 width: calc(100% / 12 * 4);
514 604 width: -webkit-calc(100% / 12 * 4);
515   - width: -moz-calc(100% / 12 * 4); }
516   -
  605 + width: -moz-calc(100% / 12 * 4);
  606 +}
517 607 .col-5 {
518 608 width: 41.66665%;
519 609 width: calc(100% / 12 * 5);
520 610 width: -webkit-calc(100% / 12 * 5);
521   - width: -moz-calc(100% / 12 * 5); }
522   -
523   -.col-6, .col-1-2 {
  611 + width: -moz-calc(100% / 12 * 5);
  612 +}
  613 +.col-6,
  614 +.col-1-2 {
524 615 width: 50%;
525 616 width: calc(100% / 12 * 6);
526 617 width: -webkit-calc(100% / 12 * 6);
527   - width: -moz-calc(100% / 12 * 6); }
528   -
  618 + width: -moz-calc(100% / 12 * 6);
  619 +}
529 620 .col-7 {
530 621 width: 58.33333%;
531 622 width: calc(100% / 12 * 7);
532 623 width: -webkit-calc(100% / 12 * 7);
533   - width: -moz-calc(100% / 12 * 7); }
534   -
  624 + width: -moz-calc(100% / 12 * 7);
  625 +}
535 626 .col-8 {
536 627 width: 66.66666%;
537 628 width: calc(100% / 12 * 8);
538 629 width: -webkit-calc(100% / 12 * 8);
539   - width: -moz-calc(100% / 12 * 8); }
540   -
541   -.col-9, .col-3-4 {
  630 + width: -moz-calc(100% / 12 * 8);
  631 +}
  632 +.col-9,
  633 +.col-3-4 {
542 634 width: 75%;
543 635 width: calc(100% / 12 * 9);
544 636 width: -webkit-calc(100% / 12 * 9);
545   - width: -moz-calc(100% / 12 * 9); }
546   -
  637 + width: -moz-calc(100% / 12 * 9);
  638 +}
547 639 .col-10 {
548 640 width: 83.33333%;
549 641 width: calc(100% / 12 * 10);
550 642 width: -webkit-calc(100% / 12 * 10);
551   - width: -moz-calc(100% / 12 * 10); }
552   -
  643 + width: -moz-calc(100% / 12 * 10);
  644 +}
553 645 .col-11 {
554 646 width: 91.66666%;
555 647 width: calc(100% / 12 * 11);
556 648 width: -webkit-calc(100% / 12 * 11);
557   - width: -moz-calc(100% / 12 * 11); }
558   -
  649 + width: -moz-calc(100% / 12 * 11);
  650 +}
559 651 .col-12 {
560   - width: 100%; }
561   -
  652 + width: 100%;
  653 +}
562 654 .push-1 {
563 655 left: 8.33333%;
564 656 left: calc(100% / 12 * 1);
565 657 left: -webkit-calc(100% / 12 * 1);
566   - left: -moz-calc(100% / 12 * 1); }
567   -
  658 + left: -moz-calc(100% / 12 * 1);
  659 +}
568 660 .pull-1 {
569 661 left: -8.33333%;
570 662 left: calc(-100% / 12 * 1);
571 663 left: -webkit-calc(-100% / 12 * 1);
572   - left: -moz-calc(-100% / 12 * 1); }
573   -
  664 + left: -moz-calc(-100% / 12 * 1);
  665 +}
574 666 .push-2 {
575 667 left: 16.66667%;
576 668 left: calc(100% / 12 * 2);
577 669 left: -webkit-calc(100% / 12 * 2);
578   - left: -moz-calc(100% / 12 * 2); }
579   -
  670 + left: -moz-calc(100% / 12 * 2);
  671 +}
580 672 .pull-2 {
581 673 left: -16.66667%;
582 674 left: calc(-100% / 12 * 2);
583 675 left: -webkit-calc(-100% / 12 * 2);
584   - left: -moz-calc(-100% / 12 * 2); }
585   -
586   -.push-3, .push-1-4 {
  676 + left: -moz-calc(-100% / 12 * 2);
  677 +}
  678 +.push-3,
  679 +.push-1-4 {
587 680 left: 25%;
588 681 left: calc(100% / 12 * 3);
589 682 left: -webkit-calc(100% / 12 * 3);
590   - left: -moz-calc(100% / 12 * 3); }
591   -
592   -.pull-3, .pull-1-4 {
  683 + left: -moz-calc(100% / 12 * 3);
  684 +}
  685 +.pull-3,
  686 +.pull-1-4 {
593 687 left: -25%;
594 688 left: calc(-100% / 12 * 3);
595 689 left: -webkit-calc(-100% / 12 * 3);
596   - left: -moz-calc(-100% / 12 * 3); }
597   -
598   -.push-4, .push-1-3 {
  690 + left: -moz-calc(-100% / 12 * 3);
  691 +}
  692 +.push-4,
  693 +.push-1-3 {
599 694 left: 33.33333%;
600 695 left: calc(100% / 12 * 4);
601 696 left: -webkit-calc(100% / 12 * 4);
602   - left: -moz-calc(100% / 12 * 4); }
603   -
604   -.pull-4, .pull-1-3 {
  697 + left: -moz-calc(100% / 12 * 4);
  698 +}
  699 +.pull-4,
  700 +.pull-1-3 {
605 701 left: -33.33333%;
606 702 left: calc(-100% / 12 * 4);
607 703 left: -webkit-calc(-100% / 12 * 4);
608   - left: -moz-calc(-100% / 12 * 4); }
609   -
  704 + left: -moz-calc(-100% / 12 * 4);
  705 +}
610 706 .push-5 {
611 707 left: 41.66665%;
612 708 left: calc(100% / 12 * 5);
613 709 left: -webkit-calc(100% / 12 * 5);
614   - left: -moz-calc(100% / 12 * 5); }
615   -
  710 + left: -moz-calc(100% / 12 * 5);
  711 +}
616 712 .pull-5 {
617 713 left: -41.66665%;
618 714 left: calc(-100% / 12 * 5);
619 715 left: -webkit-calc(-100% / 12 * 5);
620   - left: -moz-calc(-100% / 12 * 5); }
621   -
622   -.push-6, .push-1-2 {
  716 + left: -moz-calc(-100% / 12 * 5);
  717 +}
  718 +.push-6,
  719 +.push-1-2 {
623 720 left: 50%;
624 721 left: calc(100% / 12 * 6);
625 722 left: -webkit-calc(100% / 12 * 6);
626   - left: -moz-calc(100% / 12 * 6); }
627   -
628   -.pull-6, .pull-1-2 {
  723 + left: -moz-calc(100% / 12 * 6);
  724 +}
  725 +.pull-6,
  726 +.pull-1-2 {
629 727 left: -50%;
630 728 left: calc(-100% / 12 * 6);
631 729 left: -webkit-calc(-100% / 12 * 6);
632   - left: -moz-calc(-100% / 12 * 6); }
633   -
  730 + left: -moz-calc(-100% / 12 * 6);
  731 +}
634 732 .push-7 {
635 733 left: 58.33333%;
636 734 left: calc(100% / 12 * 7);
637 735 left: -webkit-calc(100% / 12 * 7);
638   - left: -moz-calc(100% / 12 * 7); }
639   -
  736 + left: -moz-calc(100% / 12 * 7);
  737 +}
640 738 .pull-7 {
641 739 left: -58.33333%;
642 740 left: calc(-100% / 12 * 7);
643 741 left: -webkit-calc(-100% / 12 * 7);
644   - left: -moz-calc(-100% / 12 * 7); }
645   -
  742 + left: -moz-calc(-100% / 12 * 7);
  743 +}
646 744 .push-8 {
647 745 left: 66.66666%;
648 746 left: calc(100% / 12 * 8);
649 747 left: -webkit-calc(100% / 12 * 8);
650   - left: -moz-calc(100% / 12 * 8); }
651   -
  748 + left: -moz-calc(100% / 12 * 8);
  749 +}
652 750 .pull-8 {
653 751 left: -66.66666%;
654 752 left: calc(-100% / 12 * 8);
655 753 left: -webkit-calc(-100% / 12 * 8);
656   - left: -moz-calc(-100% / 12 * 8); }
657   -
658   -.push-9, .push-3-4 {
  754 + left: -moz-calc(-100% / 12 * 8);
  755 +}
  756 +.push-9,
  757 +.push-3-4 {
659 758 left: 75%;
660 759 left: calc(100% / 12 * 9);
661 760 left: -webkit-calc(100% / 12 * 9);
662   - left: -moz-calc(100% / 12 * 9); }
663   -
664   -.pull-9, .pull-3-4 {
  761 + left: -moz-calc(100% / 12 * 9);
  762 +}
  763 +.pull-9,
  764 +.pull-3-4 {
665 765 left: -75%;
666 766 left: calc(-100% / 12 * 9);
667 767 left: -webkit-calc(-100% / 12 * 9);
668   - left: -moz-calc(-100% / 12 * 9); }
669   -
  768 + left: -moz-calc(-100% / 12 * 9);
  769 +}
670 770 .push-10 {
671 771 left: 83.33333%;
672 772 left: calc(100% / 12 * 10);
673 773 left: -webkit-calc(100% / 12 * 10);
674   - left: -moz-calc(100% / 12 * 10); }
675   -
  774 + left: -moz-calc(100% / 12 * 10);
  775 +}
676 776 .pull-10 {
677 777 left: -83.33333%;
678 778 left: calc(-100% / 12 * 10);
679 779 left: -webkit-calc(-100% / 12 * 10);
680   - left: -moz-calc(-100% / 12 * 10); }
681   -
  780 + left: -moz-calc(-100% / 12 * 10);
  781 +}
682 782 .push-11 {
683 783 left: 91.66666%;
684 784 left: calc(100% / 12 * 11);
685 785 left: -webkit-calc(100% / 12 * 11);
686   - left: -moz-calc(100% / 12 * 11); }
687   -
  786 + left: -moz-calc(100% / 12 * 11);
  787 +}
688 788 .pull-11 {
689 789 left: -91.66666%;
690 790 left: calc(-100% / 12 * 11);
691 791 left: -webkit-calc(-100% / 12 * 11);
692   - left: -moz-calc(-100% / 12 * 11); }
693   -
  792 + left: -moz-calc(-100% / 12 * 11);
  793 +}
694 794 .row {
695 795 padding-top: 1em;
696   - padding-bottom: 1em; }
697   -
  796 + padding-bottom: 1em;
  797 +}
  798 +.no-desktop {
  799 + display: none;
  800 +}
  801 +.no-margin,
  802 +.no-style-heading {
  803 + margin: 0;
  804 +}
  805 +.no-padding {
  806 + padding: 0;
  807 +}
698 808 @media only screen and (min-width: 740px) and (max-width: 959px) {
699   - .container, .tablet-container {
  809 + .container,
  810 + .tablet-container {
700 811 max-width: 960px;
701 812 padding-left: 20px;
702 813 padding-right: 20px;
703 814 margin-left: auto;
704 815 margin-right: auto;
705   - float: none; }
706   - .container:first-child, .tablet-container:first-child {
707   - margin-left: auto; }
708   -
  816 + float: none;
  817 + }
  818 + .container:first-child,
  819 + .tablet-container:first-child {
  820 + margin-left: auto;
  821 + }
709 822 .tablet-container-full {
710 823 padding-left: 0;
711 824 padding-right: 0;
712 825 margin-left: auto;
713 826 margin-right: auto;
714   - float: none; }
715   - .tablet-container-full:first-child {
716   - margin-left: auto; }
717   -
  827 + float: none;
  828 + }
  829 + .tablet-container-full:first-child {
  830 + margin-left: auto;
  831 + }
718 832 .tablet-no-gutter {
719 833 padding-left: 0;
720   - padding-right: 0; }
721   -
  834