Left: | ||
Right: |
LEFT | RIGHT |
---|---|
1 // This file is part of website-defaults | 1 // This file is part of website-defaults |
2 // Copyright (C) 2016-present eyeo GmbH | 2 // Copyright (C) 2016-present eyeo GmbH |
3 // | 3 // |
4 // website-defaults is free software: you can redistribute it and/or | 4 // website-defaults is free software: you can redistribute it and/or |
5 // modify it under the terms of the GNU General Public License as published by | 5 // modify it under the terms of the GNU General Public License as published by |
6 // the Free Software Foundation, either version 3 of the License, or | 6 // the Free Software Foundation, either version 3 of the License, or |
7 // (at your option) any later version. | 7 // (at your option) any later version. |
8 // | 8 // |
9 // website-defaults is distributed in the hope that it will be useful, | 9 // website-defaults is distributed in the hope that it will be useful, |
10 // but WITHOUT ANY WARRANTY; without even the implied warranty of | 10 // but WITHOUT ANY WARRANTY; without even the implied warranty of |
(...skipping 13 matching lines...) Expand all Loading... | |
24 background-color: $primary-light; | 24 background-color: $primary-light; |
25 font-family: $primary-font; | 25 font-family: $primary-font; |
26 line-height: 1.5; | 26 line-height: 1.5; |
27 } | 27 } |
28 | 28 |
29 /** | 29 /** |
30 * Center content within a (responsive) fixed width | 30 * Center content within a (responsive) fixed width |
31 */ | 31 */ |
32 .container | 32 .container |
33 { | 33 { |
34 width: $large-desktop-width; | 34 width: $container-width; |
ire
2017/10/20 07:49:39
I think you should still use a $container-width va
| |
35 max-width: 100%; | 35 max-width: 100%; |
36 margin-right: auto; | |
36 margin-left: auto; | 37 margin-left: auto; |
37 margin-right: auto; | 38 padding-right: $small-space; |
38 padding-left: $small-space; | 39 padding-left: $small-space; |
39 padding-right: $small-space; | |
40 } | 40 } |
41 | |
42 @media(min-width: $large-desktop-breakpoint) | |
juliandoucette
2017/10/18 13:44:33
I wasn't sure what to call this breakpoint. As a r
ire
2017/10/20 07:49:38
I was wondering why this style wasn't applied, loo
ire
2017/10/20 07:49:38
I think applying this style at $large-desktop-brea
ire
2017/10/20 07:49:39
I think the breakpoint name works
juliandoucette
2017/10/20 11:05:10
You're right. I seem to be confused here. I was th
juliandoucette
2017/10/20 11:05:11
*I do this all the time D:*
ire
2017/10/23 11:59:37
Haha :P
| |
43 { | |
44 padding-left: $medium-space; | |
45 padding-right: $medium-space; | |
46 } | |
LEFT | RIGHT |