LEFT | RIGHT |
1 // This file is part of help.eyeo.com. | 1 // This file is part of help.eyeo.com. |
2 // Copyright (C) 2017 Eyeo GmbH | 2 // Copyright (C) 2017 Eyeo GmbH |
3 // | 3 // |
4 // help.eyeo.com is free software: you can redistribute it and/or modify | 4 // help.eyeo.com is free software: you can redistribute it and/or modify |
5 // it under the terms of the GNU General Public License as published by | 5 // 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 // help.eyeo.com is distributed in the hope that it will be useful, | 9 // help.eyeo.com 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 { | 24 { |
25 padding-top: $lg; | 25 padding-top: $lg; |
26 padding-bottom: $xl; | 26 padding-bottom: $xl; |
27 | 27 |
28 @media (min-width: $phablet-breakpoint) | 28 @media (min-width: $phablet-breakpoint) |
29 { | 29 { |
30 padding-top: $xl; | 30 padding-top: $xl; |
31 } | 31 } |
32 } | 32 } |
33 | 33 |
| 34 .tablet-width |
| 35 { |
| 36 width: $tablet-width; |
| 37 } |
| 38 |
34 .section | 39 .section |
35 { | 40 { |
36 margin-bottom: $lg; | 41 margin-bottom: $lg; |
37 | 42 |
38 @media (min-width: $phablet-breakpoint) | 43 @media (min-width: $phablet-breakpoint) |
39 { | 44 { |
40 margin-bottom: $xl; | 45 margin-bottom: $xl; |
41 } | 46 } |
42 } | 47 } |
43 | 48 |
44 .section-accent | 49 .section-accent |
45 { | 50 { |
46 padding-top: $xl; | 51 padding-top: $xl; |
47 padding-bottom: $xl; | 52 padding-bottom: $xl; |
48 background-image: url("/img/png/accent-bg.png"); | 53 background-image: url("/img/png/accent-bg.png"); |
49 background-size: 100%; | 54 background-size: 100%; |
50 background-repeat: no-repeat; | 55 background-repeat: no-repeat; |
51 background-position: center 0; | 56 background-position: center 0; |
52 } | 57 } |
53 | |
54 .section-accent .horizontal-list li | |
55 { | |
56 margin-right: $md; | |
57 font-weight: $bold-weight; | |
58 text-transform: uppercase; | |
59 } | |
60 | |
61 [dir="rtl"] | |
62 { | |
63 .section-accent .horizontal-list li | |
64 { | |
65 margin-right: 0; | |
66 margin-left: $md; | |
67 } | |
68 } | |
69 | |
70 .container-sm | |
71 { | |
72 width: $tablet-width; | |
73 } | |
LEFT | RIGHT |