LEFT | RIGHT |
(no file at all) | |
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 } |
LEFT | RIGHT |