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 60 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
71 // Spacing | 71 // Spacing |
72 //////////////////////////////////////////////////////////////////////////////// | 72 //////////////////////////////////////////////////////////////////////////////// |
73 | 73 |
74 $large-space: 4em !default; | 74 $large-space: 4em !default; |
75 $medium-space: 2em !default; | 75 $medium-space: 2em !default; |
76 $small-space: 1em !default; | 76 $small-space: 1em !default; |
77 | 77 |
78 // Breakpoints | 78 // Breakpoints |
79 //////////////////////////////////////////////////////////////////////////////// | 79 //////////////////////////////////////////////////////////////////////////////// |
80 | 80 |
| 81 // Device breakpoints |
| 82 |
81 $phone-breakpoint: 320px !default; | 83 $phone-breakpoint: 320px !default; |
82 $phablet-breakpoint: 576px !default; | 84 $phablet-breakpoint: 576px !default; |
83 $tablet-breakpoint: 768px !default; | 85 $tablet-breakpoint: 768px !default; |
84 $desktop-breakpoint: 992px !default; | 86 $desktop-breakpoint: 992px !default; |
85 $large-desktop-breakpoint: 1200px !default; | 87 $large-desktop-breakpoint: 1200px !default; |
| 88 |
| 89 // Grid breakpoints |
| 90 |
| 91 $half-breakpoint: $tablet-breakpoint !default; |
| 92 $third-breakpoint: $desktop-breakpoint !default; |
| 93 $fourth-breakpoint: $desktop-breakpoint !default; |
86 | 94 |
87 // Device widths | 95 // Device widths |
88 //////////////////////////////////////////////////////////////////////////////// | 96 //////////////////////////////////////////////////////////////////////////////// |
89 | 97 |
90 $phone-width: auto !default; | 98 $phone-width: auto !default; |
91 $phablet-width: 540px !default; | 99 $phablet-width: 540px !default; |
92 $tablet-width: 720px !default; | 100 $tablet-width: 720px !default; |
93 $desktop-width: 960px !default; | 101 $desktop-width: 960px !default; |
94 $large-desktop-width: 1140px !default; | 102 $large-desktop-width: 1140px !default; |
95 | 103 |
96 $container-max-width: $large-desktop-width !default; | 104 // Component widths |
| 105 //////////////////////////////////////////////////////////////////////////////// |
| 106 |
| 107 $container-width: $large-desktop-width !default; |
LEFT | RIGHT |