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 14 matching lines...) Expand all Loading... |
25 } | 25 } |
26 | 26 |
27 @media (min-width: $tablet-breakpoint) | 27 @media (min-width: $tablet-breakpoint) |
28 { | 28 { |
29 font-size: $font-size-h1; | 29 font-size: $font-size-h1; |
30 } | 30 } |
31 } | 31 } |
32 | 32 |
33 .h2 | 33 .h2 |
34 { | 34 { |
35 font-size: $font-size-h2; | 35 font-size: $font-size-h3; |
| 36 |
| 37 @media (min-width: $phablet-breakpoint) |
| 38 { |
| 39 font-size: $font-size-h2; |
| 40 } |
36 } | 41 } |
37 | 42 |
38 .h4 | 43 .h4 |
39 { | 44 { |
40 font-size: $font-size-h4; | 45 font-size: $font-size-h4; |
41 font-weight: $bold-weight; | 46 font-weight: $bold-weight; |
42 text-transform: uppercase; | 47 text-transform: uppercase; |
| 48 } |
| 49 |
| 50 a |
| 51 { |
| 52 color: $font-color-link; |
43 } | 53 } |
44 | 54 |
45 .heading-icon | 55 .heading-icon |
46 { | 56 { |
47 height: 0.9em; | 57 height: 0.9em; |
48 margin-right: 0.3em; | 58 margin-right: 0.3em; |
49 } | 59 } |
50 | 60 |
51 [dir="rtl"] .heading-icon | 61 [dir="rtl"] .heading-icon |
52 { | 62 { |
53 margin-right: 0; | 63 margin-right: 0; |
54 margin-left: 0.3em; | 64 margin-left: 0.3em; |
55 } | 65 } |
56 | 66 |
57 .product-heading | 67 .product-heading |
58 { | 68 { |
59 @extend .h1; | 69 @extend .h1; |
60 @extend .section; | 70 @extend .section; |
61 @extend .ta-center; | 71 @extend .ta-center; |
62 } | 72 } |
| 73 |
| 74 .article-heading |
| 75 { |
| 76 @extend .h2; |
| 77 } |
LEFT | RIGHT |