LEFT | RIGHT |
(no file at all) | |
1 // This file is part of acceptableads.org. | 1 // This file is part of acceptableads.org. |
2 // Copyright (C) 2016 Eyeo GmbH | 2 // Copyright (C) 2016 Eyeo GmbH |
3 // | 3 // |
4 // acceptableads.org is free software: you can redistribute it and/or modify | 4 // acceptableads.org 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 // acceptableads.org is distributed in the hope that it will be useful, | 9 // acceptableads.org 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 |
11 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | 11 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
12 // GNU General Public License for more details. | 12 // GNU General Public License for more details. |
13 // | 13 // |
14 // You should have received a copy of the GNU General Public License | 14 // You should have received a copy of the GNU General Public License |
15 // along with acceptableads.org. If not, see <http://www.gnu.org/licenses/>. | 15 // along with acceptableads.org. If not, see <http://www.gnu.org/licenses/>. |
16 | 16 |
17 // Push everything over when sidebar is present | |
18 .outer | |
19 { | |
20 padding-top: $lg + $md; | |
21 } | |
22 @media(min-width: $sidebar-breakpoint-x) | |
23 { | |
24 html[dir="ltr"] | |
25 { | |
26 .outer | |
27 { | |
28 margin-left: $sidebar-width; | |
29 } | |
30 } | |
31 html[dir="rtl"] | |
32 { | |
33 .outer | |
34 { | |
35 margin-right: $sidebar-width; | |
36 } | |
37 } | |
38 } | |
39 | |
40 #sidebar | 17 #sidebar |
41 { | 18 { |
42 text-transform: uppercase; | 19 text-transform: uppercase; |
43 color: $inverted-fg; | 20 color: $inverted-fg; |
44 // Sidebar basics | 21 // Sidebar basics |
45 background-color: $inverted-bg; | 22 background-color: $inverted-bg; |
46 font-size: $font-size-md; | 23 font-size: $font-size-md; |
47 font-weight: 400; | 24 font-weight: 400; |
48 line-height: 100%; | 25 line-height: 100%; |
49 | 26 |
(...skipping 461 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
511 } | 488 } |
512 .js #secondary-navigation | 489 .js #secondary-navigation |
513 { | 490 { |
514 display: none; | 491 display: none; |
515 } | 492 } |
516 .js #sidebar.open #secondary-navigation | 493 .js #sidebar.open #secondary-navigation |
517 { | 494 { |
518 display: block; | 495 display: block; |
519 } | 496 } |
520 } | 497 } |
LEFT | RIGHT |