| 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 | 
|---|