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