Left: | ||
Right: |
LEFT | RIGHT |
---|---|
1 /*! | 1 /*! |
2 * This file is part of website-defaults | 2 * This file is part of website-defaults |
3 * Copyright (C) 2016-present eyeo GmbH | 3 * Copyright (C) 2016-present eyeo GmbH |
4 * | 4 * |
5 * website-defaults is free software: you can redistribute it and/or | 5 * website-defaults is free software: you can redistribute it and/or |
6 * modify it under the terms of the GNU General Public License as published by | 6 * modify it under the terms of the GNU General Public License as published by |
7 * the Free Software Foundation, either version 3 of the License, or | 7 * the Free Software Foundation, either version 3 of the License, or |
8 * (at your option) any later version. | 8 * (at your option) any later version. |
9 * | 9 * |
10 * website-defaults is distributed in the hope that it will be useful, | 10 * website-defaults is distributed in the hope that it will be useful, |
11 * but WITHOUT ANY WARRANTY; without even the implied warranty of | 11 * but WITHOUT ANY WARRANTY; without even the implied warranty of |
12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | 12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
13 * GNU General Public License for more details. | 13 * GNU General Public License for more details. |
14 * | 14 * |
15 * You should have received a copy of the GNU General Public License | 15 * You should have received a copy of the GNU General Public License |
16 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>. | 16 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>. |
ire
2017/10/09 12:28:48
The repeated licence headers in this file should p
juliandoucette
2017/10/09 23:28:53
Agreed.
| |
17 */ | 17 */ |
18 /*! | 18 |
19 * This file is part of website-defaults | 19 /****************************************************************************** |
20 * Copyright (C) 2016-present eyeo GmbH | |
21 * | |
22 * website-defaults is free software: you can redistribute it and/or | |
23 * modify it under the terms of the GNU General Public License as published by | |
24 * the Free Software Foundation, either version 3 of the License, or | |
25 * (at your option) any later version. | |
26 * | |
27 * website-defaults is distributed in the hope that it will be useful, | |
28 * but WITHOUT ANY WARRANTY; without even the implied warranty of | |
29 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | |
30 * GNU General Public License for more details. | |
31 * | |
32 * You should have received a copy of the GNU General Public License | |
33 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>. | |
34 */ | |
35 /******************************************************************************* | |
36 * Variables | |
ire
2017/10/09 12:28:48
Again, the comments for the variables file in part
| |
37 ******************************************************************************* | |
38 * ~ WARNING ~ DO NOT EDIT THIS FILE! | |
39 * Set variables within project specfic SCSS before including website defaults. | |
40 ******************************************************************************* | |
41 * - Brand colors | |
42 * - Fonts | |
43 * - Spacing | |
44 * - Breakpoints | |
45 ******************************************************************************/ | |
46 /* Brand colors | |
47 ******************************************************************************/ | |
48 /* Primary - The most widely used across all screens and components. */ | |
49 /* Secondary - Used to indicate a related action or information. */ | |
50 /* Accent - Used for action buttons and interactive elements. */ | |
51 /* Error - Used for error messages and warnings. */ | |
52 /* Fonts | |
53 ******************************************************************************/ | |
54 /* Spacing | |
55 ******************************************************************************/ | |
56 /* Breakpoints | |
57 ******************************************************************************/ | |
58 /* Container widths | |
59 ******************************************************************************/ | |
60 /*! | |
61 * This file is part of website-defaults | |
62 * Copyright (C) 2016-present eyeo GmbH | |
63 * | |
64 * website-defaults is free software: you can redistribute it and/or | |
65 * modify it under the terms of the GNU General Public License as published by | |
66 * the Free Software Foundation, either version 3 of the License, or | |
67 * (at your option) any later version. | |
68 * | |
69 * website-defaults is distributed in the hope that it will be useful, | |
70 * but WITHOUT ANY WARRANTY; without even the implied warranty of | |
71 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | |
72 * GNU General Public License for more details. | |
73 * | |
74 * You should have received a copy of the GNU General Public License | |
75 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>. | |
76 */ | |
77 /******************************************************************************* | |
78 * CSS Reset | 20 * CSS Reset |
79 ******************************************************************************/ | 21 *****************************************************************************/ |
22 | |
80 /* Reset margins, paddings, and font globally */ | 23 /* Reset margins, paddings, and font globally */ |
81 html, body, | 24 html, body, |
82 h1, h2, h3, h4, h5, h6, | 25 h1, h2, h3, h4, h5, h6, |
83 a, p, span, | 26 a, p, span, |
84 em, small, strong, sub, sup, | 27 em, small, strong, sub, sup, |
85 strike, s, mark, del, ins, | 28 strike, s, mark, del, ins, |
86 abbr, dfn, | 29 abbr, dfn, |
87 blockquote, q, cite, | 30 blockquote, q, cite, |
88 code, pre, | 31 code, pre, |
89 kbd, samp, var, output, ruby, | 32 kbd, samp, var, output, ruby, |
90 ol, ul, li, dl, dt, dd, | 33 ol, ul, li, dl, dt, dd, |
91 div, section, article, | 34 div, section, article, |
92 main, aside, nav, | 35 main, aside, nav, |
93 header, hgroup, footer, | 36 header, hgroup, footer, |
94 img, figure, figcaption, | 37 img, figure, figcaption, |
95 address, time, | 38 address, time, |
96 audio, video, | 39 audio, video, |
97 canvas, object, iframe, embed, | 40 canvas, object, iframe, embed, |
98 details, summary, | 41 details, summary, |
99 fieldset, form, label, legend, | 42 fieldset, form, label, legend, |
100 table, caption, | 43 table, caption, |
101 tbody, tfoot, thead, | 44 tbody, tfoot, thead, |
102 tr, th, td { | 45 tr, th, td { |
ire
2017/10/09 12:28:48
Does our coding style guide apply to "generated" C
juliandoucette
2017/10/09 23:28:53
No. Yes.
Or, at least, this can be addressed sep
ire
2017/10/10 07:48:44
Alright :)
| |
103 margin: 0px; | 46 margin: 0px; |
104 padding: 0px; | 47 padding: 0px; |
105 border: 0px; | 48 border: 0px; |
106 font-size: 100%; | 49 font-size: 100%; |
107 font: inherit; | 50 font: inherit; |
108 vertical-align: baseline; } | 51 vertical-align: baseline; } |
109 | 52 |
110 /* Add the correct display in IE 9-. */ | 53 /* Add the correct display in IE 9-. */ |
111 article, | 54 article, |
112 aside, | 55 aside, |
(...skipping 74 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
187 img { | 130 img { |
188 /* Make fixed width images responsive */ | 131 /* Make fixed width images responsive */ |
189 max-width: 100%; | 132 max-width: 100%; |
190 /* Remove the border on images inside links in IE 10-. */ | 133 /* Remove the border on images inside links in IE 10-. */ |
191 border-style: none; } | 134 border-style: none; } |
192 | 135 |
193 /* Set correct display for hidden attribute in IE 10- */ | 136 /* Set correct display for hidden attribute in IE 10- */ |
194 [hidden] { | 137 [hidden] { |
195 display: none; } | 138 display: none; } |
196 | 139 |
197 /*! | 140 /****************************************************************************** |
198 * This file is part of website-defaults | |
199 * Copyright (C) 2016-present eyeo GmbH | |
200 * | |
201 * website-defaults is free software: you can redistribute it and/or | |
202 * modify it under the terms of the GNU General Public License as published by | |
203 * the Free Software Foundation, either version 3 of the License, or | |
204 * (at your option) any later version. | |
205 * | |
206 * website-defaults is distributed in the hope that it will be useful, | |
207 * but WITHOUT ANY WARRANTY; without even the implied warranty of | |
208 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | |
209 * GNU General Public License for more details. | |
210 * | |
211 * You should have received a copy of the GNU General Public License | |
212 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>. | |
213 */ | |
214 /******************************************************************************* | |
215 * Base styles | 141 * Base styles |
216 ******************************************************************************/ | 142 *****************************************************************************/ |
143 | |
217 html { | 144 html { |
218 color: #212121; | 145 color: #212121; |
219 background-color: #fff; | 146 background-color: #fff; |
220 font-family: sans-serif; | 147 font-family: sans-serif; |
221 line-height: 1.5; } | 148 line-height: 1.5; } |
222 | 149 |
223 /** | 150 /** |
224 * Stretch content full-width | 151 * Stretch content full-width |
225 */ | 152 */ |
226 .full-width { | 153 .full-width { |
(...skipping 11 matching lines...) Expand all Loading... | |
238 padding: 0px 1em; } | 165 padding: 0px 1em; } |
239 | 166 |
240 @media (min-width: 768px) { | 167 @media (min-width: 768px) { |
241 .container { | 168 .container { |
242 width: 720px; } } | 169 width: 720px; } } |
243 | 170 |
244 @media (min-width: 1200px) { | 171 @media (min-width: 1200px) { |
245 .container { | 172 .container { |
246 width: 1170px; } } | 173 width: 1170px; } } |
247 | 174 |
248 /*! | 175 /****************************************************************************** |
249 * This file is part of website-defaults | |
250 * Copyright (C) 2016-present eyeo GmbH | |
251 * | |
252 * website-defaults is free software: you can redistribute it and/or | |
253 * modify it under the terms of the GNU General Public License as published by | |
254 * the Free Software Foundation, either version 3 of the License, or | |
255 * (at your option) any later version. | |
256 * | |
257 * website-defaults is distributed in the hope that it will be useful, | |
258 * but WITHOUT ANY WARRANTY; without even the implied warranty of | |
259 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | |
260 * GNU General Public License for more details. | |
261 * | |
262 * You should have received a copy of the GNU General Public License | |
263 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>. | |
264 */ | |
265 /******************************************************************************* | |
266 * Content styles | 176 * Content styles |
267 ******************************************************************************* | 177 *****************************************************************************/ |
268 * 1. Document | 178 |
269 * 2. Headings | 179 .content {} |
270 * 3. Body content | |
271 ******************************************************************************/ | |
272 .content { | |
273 /* Document | |
274 ****************************************************************************/ | |
275 /* Headings | |
276 ****************************************************************************/ | |
277 /* Body content | |
278 ****************************************************************************/ } | |
279 .content p, | 180 .content p, |
280 .content ol, | 181 .content ol, |
281 .content ul, | 182 .content ul, |
282 .content dl, | 183 .content dl, |
283 .content pre, | 184 .content pre, |
284 .content blockquote { | 185 .content blockquote { |
285 /* Set consistent margins (opinionated) */ | 186 /* Set consistent margins (opinionated) */ |
286 margin: 1em 0em; } | 187 margin: 1em 0em; } |
287 .content h1, | 188 .content h1, |
288 .content h2, | 189 .content h2, |
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
339 /* prevent double spacing lists */ | 240 /* prevent double spacing lists */ |
340 margin: 0em; } | 241 margin: 0em; } |
341 .content ol ol { | 242 .content ol ol { |
342 list-style-type: lower-alpha; } | 243 list-style-type: lower-alpha; } |
343 .content dt { | 244 .content dt { |
344 /* undo browser default (opinionated)*/ | 245 /* undo browser default (opinionated)*/ |
345 font-weight: 600; } | 246 font-weight: 600; } |
346 .content dd { | 247 .content dd { |
347 margin: 0.25em 0em 1em 0em; } | 248 margin: 0.25em 0em 1em 0em; } |
348 | 249 |
349 /*! | 250 /****************************************************************************** |
350 * This file is part of website-defaults | |
351 * Copyright (C) 2016-present eyeo GmbH | |
352 * | |
353 * website-defaults is free software: you can redistribute it and/or | |
354 * modify it under the terms of the GNU General Public License as published by | |
355 * the Free Software Foundation, either version 3 of the License, or | |
356 * (at your option) any later version. | |
357 * | |
358 * website-defaults is distributed in the hope that it will be useful, | |
359 * but WITHOUT ANY WARRANTY; without even the implied warranty of | |
360 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | |
361 * GNU General Public License for more details. | |
362 * | |
363 * You should have received a copy of the GNU General Public License | |
364 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>. | |
365 */ | |
366 /******************************************************************************* | |
367 * Grid component | 251 * Grid component |
368 ******************************************************************************/ | 252 *****************************************************************************/ |
253 | |
369 /** | 254 /** |
370 * - .row contains one or more .column(s) | 255 * - .row contains one or more .column(s) |
371 * - .row clears .column(s) | 256 * - .row clears .column(s) |
372 * - .row negates the left & right padding of it's left-most & right-most | 257 * - .row negates the left & right padding of it's left-most & right-most |
373 * .column(s) while preserving consistent padding between .column(s) | 258 * .column(s) while preserving consistent padding between .column(s) |
374 */ | 259 */ |
375 .row { | 260 .row { |
376 margin: 0px -1em; } | 261 margin: 0px -1em; } |
377 | 262 |
378 .row:after { | 263 .row:after { |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
410 @media (min-width: 992px) { | 295 @media (min-width: 992px) { |
411 .one-third { | 296 .one-third { |
412 width: 33.333333%; } | 297 width: 33.333333%; } |
413 .two-thirds { | 298 .two-thirds { |
414 width: 66.666667%; } | 299 width: 66.666667%; } |
415 .one-fourth { | 300 .one-fourth { |
416 width: 25%; } | 301 width: 25%; } |
417 .three-fourths { | 302 .three-fourths { |
418 width: 75%; } } | 303 width: 75%; } } |
419 | 304 |
420 /*! | 305 /****************************************************************************** |
421 * This file is part of website-defaults | |
422 * Copyright (C) 2016-2017 eyeo GmbH | |
423 * | |
424 * website-defaults is free software: you can redistribute it and/or | |
425 * modify it under the terms of the GNU General Public License as published by | |
426 * the Free Software Foundation, either version 3 of the License, or | |
427 * (at your option) any later version. | |
428 * | |
429 * website-defaults is distributed in the hope that it will be useful, | |
430 * but WITHOUT ANY WARRANTY; without even the implied warranty of | |
431 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | |
432 * GNU General Public License for more details. | |
433 * | |
434 * You should have received a copy of the GNU General Public License | |
435 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>. | |
436 */ | |
437 /******************************************************************************* | |
438 * Basic forms fields | 306 * Basic forms fields |
439 ******************************************************************************* | 307 *****************************************************************************/ |
440 * 1. Reset | 308 |
441 ******************************************************************************/ | |
442 /* 1. Reset | |
443 ******************************************************************************/ | |
444 /* Change the font styles in all browsers (opinionated). */ | 309 /* Change the font styles in all browsers (opinionated). */ |
445 input, | 310 input, |
446 optgroup, | 311 optgroup, |
447 select, | 312 select, |
448 textarea { | 313 textarea { |
449 font: inherit; } | 314 font: inherit; } |
450 | 315 |
451 /* Show the overflow in IE and Edge */ | 316 /* Show the overflow in IE and Edge */ |
452 input { | 317 input { |
453 overflow: visible; } | 318 overflow: visible; } |
(...skipping 14 matching lines...) Expand all Loading... | |
468 | 333 |
469 /* Remove the default vertical scrollbar in IE. */ | 334 /* Remove the default vertical scrollbar in IE. */ |
470 textarea { | 335 textarea { |
471 overflow: auto; } | 336 overflow: auto; } |
472 | 337 |
473 /* Remove the padding in IE 10-. */ | 338 /* Remove the padding in IE 10-. */ |
474 [type="checkbox"], | 339 [type="checkbox"], |
475 [type="radio"] { | 340 [type="radio"] { |
476 padding: 0px; } | 341 padding: 0px; } |
477 | 342 |
478 /*! | 343 /****************************************************************************** |
479 * This file is part of website-defaults | |
480 * Copyright (C) 2016-2017 eyeo GmbH | |
481 * | |
482 * website-defaults is free software: you can redistribute it and/or | |
483 * modify it under the terms of the GNU General Public License as published by | |
484 * the Free Software Foundation, either version 3 of the License, or | |
485 * (at your option) any later version. | |
486 * | |
487 * website-defaults is distributed in the hope that it will be useful, | |
488 * but WITHOUT ANY WARRANTY; without even the implied warranty of | |
489 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | |
490 * GNU General Public License for more details. | |
491 * | |
492 * You should have received a copy of the GNU General Public License | |
493 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>. | |
494 */ | |
495 /******************************************************************************* | |
496 * Adanced forms fields | 344 * Adanced forms fields |
497 ******************************************************************************* | 345 ****************************************************************************** |
498 * 1. Reset | 346 |
499 ******************************************************************************/ | |
500 /* 1. Reset | |
501 ******************************************************************************/ | |
502 /* Correct the cursor style of increment and decrement buttons in Chrome. */ | 347 /* Correct the cursor style of increment and decrement buttons in Chrome. */ |
503 [type="number"]::-webkit-inner-spin-button, | 348 [type="number"]::-webkit-inner-spin-button, |
504 [type="number"]::-webkit-outer-spin-button { | 349 [type="number"]::-webkit-outer-spin-button { |
505 height: auto; } | 350 height: auto; } |
506 | 351 |
507 /* Use `-webkit-appearance: none` to reset inputs in iOS Safari */ | 352 /* Use `-webkit-appearance: none` to reset inputs in iOS Safari */ |
508 [type="date"], | 353 [type="date"], |
509 [type="time"], | 354 [type="time"], |
510 [type="datetime"], | 355 [type="datetime"], |
511 [type="datetime-local"], | 356 [type="datetime-local"], |
512 [type="month"], | 357 [type="month"], |
513 [type="week"], | 358 [type="week"], |
514 [type="search"], | 359 [type="search"], |
515 [type="search"]::-webkit-search-cancel-button, | 360 [type="search"]::-webkit-search-cancel-button, |
516 [type="search"]::-webkit-search-decoration { | 361 [type="search"]::-webkit-search-decoration { |
517 -webkit-appearance: none; } | 362 -webkit-appearance: none; } |
518 | 363 |
519 [type="search"] { | 364 [type="search"] { |
520 outline-offset: -2px; } | 365 outline-offset: -2px; } |
521 | 366 |
522 /*! | 367 /****************************************************************************** |
523 * This file is part of website-defaults | |
524 * Copyright (C) 2016-2017 eyeo GmbH | |
525 * | |
526 * website-defaults is free software: you can redistribute it and/or | |
527 * modify it under the terms of the GNU General Public License as published by | |
528 * the Free Software Foundation, either version 3 of the License, or | |
529 * (at your option) any later version. | |
530 * | |
531 * website-defaults is distributed in the hope that it will be useful, | |
532 * but WITHOUT ANY WARRANTY; without even the implied warranty of | |
533 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | |
534 * GNU General Public License for more details. | |
535 * | |
536 * You should have received a copy of the GNU General Public License | |
537 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>. | |
538 */ | |
539 /******************************************************************************* | |
540 * Buttons | 368 * Buttons |
541 ******************************************************************************* | 369 *****************************************************************************/ |
542 * 1. Reset | 370 |
543 ******************************************************************************/ | |
544 /* 1. Reset | |
545 ******************************************************************************/ | |
546 button { | 371 button { |
547 margin: 0px; | 372 margin: 0px; |
548 font: inherit; | 373 font: inherit; |
549 /* Show the overflow in IE and Edge */ | 374 /* Show the overflow in IE and Edge */ |
550 overflow: visible; | 375 overflow: visible; |
551 /* Remove the inheritance of text transform in Edge, Firefox, and IE. */ | 376 /* Remove the inheritance of text transform in Edge, Firefox, and IE. */ |
552 text-transform: none; } | 377 text-transform: none; } |
553 | 378 |
554 /** | 379 /** |
555 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` | 380 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` |
(...skipping 13 matching lines...) Expand all Loading... | |
569 [type="submit"]::-moz-focus-inner { | 394 [type="submit"]::-moz-focus-inner { |
570 padding: 0px; | 395 padding: 0px; |
571 border-style: none; } | 396 border-style: none; } |
572 | 397 |
573 /* Restore the focus styles unset by the previous rule. */ | 398 /* Restore the focus styles unset by the previous rule. */ |
574 button:-moz-focusring, | 399 button:-moz-focusring, |
575 [type="button"]:-moz-focusring, | 400 [type="button"]:-moz-focusring, |
576 [type="reset"]:-moz-focusring, | 401 [type="reset"]:-moz-focusring, |
577 [type="submit"]:-moz-focusring { | 402 [type="submit"]:-moz-focusring { |
578 outline: 1px dotted ButtonText; } | 403 outline: 1px dotted ButtonText; } |
LEFT | RIGHT |