Left: | ||
Right: |
OLD | NEW |
---|---|
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 23 matching lines...) Expand all Loading... | |
34 display: block; | 34 display: block; |
35 width: 100%; | 35 width: 100%; |
36 margin: $small-space 0px; | 36 margin: $small-space 0px; |
37 } | 37 } |
38 | 38 |
39 /** | 39 /** |
40 * Center content within a (responsive) fixed width | 40 * Center content within a (responsive) fixed width |
41 */ | 41 */ |
42 .container | 42 .container |
43 { | 43 { |
44 width: $phone-width; | 44 width: $container-max-width; |
ire
2017/10/17 17:34:37
Since this is being applied to width, I think the
juliandoucette
2017/10/18 13:27:28
Acknowledged.
| |
45 max-width: 100%; | 45 max-width: 100%; |
46 margin: 0px auto; | 46 margin: 0px auto; |
47 padding: 0px $small-space; | 47 padding: 0px $small-space; |
ire
2017/10/17 17:34:37
NIT: I think this space should be larger on bigger
juliandoucette
2017/10/18 13:27:28
Acknowledged.
juliandoucette
2017/10/18 13:44:33
I'm skeptical about $tablet-breakpoint because it'
| |
48 } | 48 } |
49 | 49 |
50 @media(min-width: $tablet-breakpoint) | |
51 { | |
52 .container | |
53 { | |
54 width: $tablet-width; | |
55 } | |
56 } | |
57 | |
58 @media(min-width: $desktop-breakpoint) | |
59 { | |
60 .container | |
61 { | |
62 width: $desktop-width; | |
63 } | |
64 } | |
65 | |
66 @media(min-width: $large-desktop-breakpoint) | |
67 { | |
68 .container | |
69 { | |
70 width: $large-desktop-width; | |
71 } | |
72 } | |
73 | |
74 .clearfix:after, | 50 .clearfix:after, |
75 .clearfix:before | 51 .clearfix:before |
76 { | 52 { |
77 display: table; | 53 display: table; |
78 content: " "; | 54 content: " "; |
79 } | 55 } |
80 | 56 |
81 .clearfix:after | 57 .clearfix:after |
82 { | 58 { |
83 clear: both; | 59 clear: both; |
84 } | 60 } |
OLD | NEW |