LEFT | RIGHT |
(no file at all) | |
1 // This file is part of help.eyeo.com. | |
2 // Copyright (C) 2017 Eyeo GmbH | |
3 // | |
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 | |
6 // the Free Software Foundation, either version 3 of the License, or | |
7 // (at your option) any later version. | |
8 // | |
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 | |
11 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | |
12 // GNU General Public License for more details. | |
13 // | |
14 // You should have received a copy of the GNU General Public License | |
15 // along with help.eyeo.com. If not, see <http://www.gnu.org/licenses/>. | |
16 | |
17 /******************************************************************************* | |
18 * Breadcrumb | |
19 ******************************************************************************/ | |
20 | |
21 .breadcrumb | |
22 { | |
23 padding-top: 0.75em; | |
24 padding-bottom: 0.75em; | |
25 border-bottom: 1px solid $gray-light; | |
26 background-color: $white; | |
27 } | |
28 | |
29 .breadcrumb li | |
30 { | |
31 float: left; | |
32 position: relative; | |
33 padding: 0.25em 2em 0.25em 0; | |
34 font-size: $small-font; | |
35 font-weight: $bold-weight; | |
36 text-transform: uppercase; | |
37 } | |
38 | |
39 [dir="rtl"] .breadcrumb li | |
40 { | |
41 float: right; | |
42 padding: 0.25em 0 0.25em 2em; | |
43 } | |
44 | |
45 .breadcrumb li:after | |
46 { | |
47 position: absolute; | |
48 top: 0.45em; /* Half height of li:after (1em / 2) minus 0.05em */ | |
49 right: 0.5em; /* Quarter space between li (2em / 4) */ | |
50 width: 1em; | |
51 height: 1em; | |
52 background-image: url(/img/png/arrow-icon-right-gray.png); | |
53 background-repeat: no-repeat; | |
54 background-position: center; | |
55 background-size: 0.6em 0.9em; | |
56 content: ""; | |
57 } | |
58 | |
59 [dir="rtl"] .breadcrumb li:after | |
60 { | |
61 right: auto; | |
62 left: $lg / 4; | |
63 background-image: url(/img/png/arrow-icon-left-gray.png); | |
64 } | |
65 | |
66 .breadcrumb li:last-child:after | |
67 { | |
68 content: none; | |
69 } | |
70 | |
71 .breadcrumb li a | |
72 { | |
73 color: $gray-dark; | |
74 } | |
75 | |
76 .breadcrumb .pre-icon | |
77 { | |
78 margin-top: -0.5em; | |
79 background-size: 1.1em; | |
80 } | |
LEFT | RIGHT |