| OLD | NEW |
| 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 10 matching lines...) Expand all Loading... |
| 21 #site-header | 21 #site-header |
| 22 { | 22 { |
| 23 min-height: $site-header-height; | 23 min-height: $site-header-height; |
| 24 font-size: $small-font; | 24 font-size: $small-font; |
| 25 line-height: $site-header-content-line-height; | 25 line-height: $site-header-content-line-height; |
| 26 } | 26 } |
| 27 | 27 |
| 28 #site-title | 28 #site-title |
| 29 { | 29 { |
| 30 float: left; | 30 float: left; |
| 31 margin-right: $xl; | 31 margin-right: $large-space; |
| 32 } | 32 } |
| 33 | 33 |
| 34 html[dir="rtl"] #site-title | 34 html[dir="rtl"] #site-title |
| 35 { | 35 { |
| 36 float: right; | 36 float: right; |
| 37 margin-right: 0; | 37 margin-right: 0; |
| 38 margin-left: $xl; | 38 margin-left: $large-space; |
| 39 } | 39 } |
| 40 | 40 |
| 41 #site-title img | 41 #site-title img |
| 42 { | 42 { |
| 43 height: $lg; | 43 height: $medium-space; |
| 44 vertical-align: middle; | 44 vertical-align: middle; |
| 45 } | 45 } |
| 46 | 46 |
| 47 .toggle-navbar-collapse | 47 .toggle-navbar-collapse |
| 48 { | 48 { |
| 49 width: $site-header-content-line-height; | 49 width: $site-header-content-line-height; |
| 50 float: right; | 50 float: right; |
| 51 line-height: $site-header-content-line-height; | 51 line-height: $site-header-content-line-height; |
| 52 text-align: right; | 52 text-align: right; |
| 53 cursor: pointer; | 53 cursor: pointer; |
| 54 | 54 |
| 55 img | 55 img |
| 56 { | 56 { |
| 57 width: $md; | 57 width: $small-space; |
| 58 vertical-align: middle; | 58 vertical-align: middle; |
| 59 } | 59 } |
| 60 } | 60 } |
| 61 | 61 |
| 62 html[dir="rtl"] .toggle-navbar-collapse | 62 html[dir="rtl"] .toggle-navbar-collapse |
| 63 { | 63 { |
| 64 float: left; | 64 float: left; |
| 65 } | 65 } |
| 66 | 66 |
| 67 .no-js .toggle-navbar-collapse | 67 .no-js .toggle-navbar-collapse |
| 68 { | 68 { |
| 69 display: none; | 69 display: none; |
| 70 } | 70 } |
| 71 | 71 |
| 72 /* Minimal header for non-product pages | 72 /* Minimal header for non-product pages |
| 73 ******************************************************************************/ | 73 ******************************************************************************/ |
| 74 | 74 |
| 75 @media (min-width: $tablet-breakpoint) | 75 @media (min-width: $tablet-breakpoint) |
| 76 { | 76 { |
| 77 .site-header-minimal .navbar-collapse | 77 .site-header-minimal .navbar-collapse |
| 78 { | 78 { |
| 79 text-align: right; | 79 text-align: right; |
| 80 } | 80 } |
| 81 | 81 |
| 82 [dir="rtl"] .site-header-minimal .navbar-collapse | 82 [dir="rtl"] .site-header-minimal .navbar-collapse |
| 83 { | 83 { |
| 84 text-align: left; | 84 text-align: left; |
| 85 } | 85 } |
| 86 } | 86 } |
| OLD | NEW |