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 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
42 padding: 0.25em 0 0.25em 2em; | 42 padding: 0.25em 0 0.25em 2em; |
43 } | 43 } |
44 | 44 |
45 .breadcrumb li:after | 45 .breadcrumb li:after |
46 { | 46 { |
47 position: absolute; | 47 position: absolute; |
48 top: $x-small-space - 0.05em; /* Half height of li:after minus 0.05em */ | 48 top: $x-small-space - 0.05em; /* Half height of li:after minus 0.05em */ |
49 right: $x-small-space; /* Quarter space between li */ | 49 right: $x-small-space; /* Quarter space between li */ |
50 width: $small-space; | 50 width: $small-space; |
51 height: $small-space; | 51 height: $small-space; |
52 background-image: url(/img/png/arrow-icon-right-gray.png); | 52 background-image: url(/dist/img/png/arrow-icon-right-gray.png); |
53 background-repeat: no-repeat; | 53 background-repeat: no-repeat; |
54 background-position: center; | 54 background-position: center; |
55 background-size: 0.6em 0.9em; | 55 background-size: 0.6em 0.9em; |
56 content: ""; | 56 content: ""; |
57 } | 57 } |
58 | 58 |
59 [dir="rtl"] .breadcrumb li:after | 59 [dir="rtl"] .breadcrumb li:after |
60 { | 60 { |
61 right: auto; | 61 right: auto; |
62 left: $small-space; | 62 left: $small-space; |
63 background-image: url(/img/png/arrow-icon-left-gray.png); | 63 background-image: url(/dist/img/png/arrow-icon-left-gray.png); |
64 } | 64 } |
65 | 65 |
66 .breadcrumb li:last-child:after | 66 .breadcrumb li:last-child:after |
67 { | 67 { |
68 content: none; | 68 content: none; |
69 } | 69 } |
70 | 70 |
71 .breadcrumb li a | 71 .breadcrumb li a |
72 { | 72 { |
73 color: $gray-dark; | 73 color: $gray-dark; |
74 } | 74 } |
75 | 75 |
76 .breadcrumb .pre-icon | 76 .breadcrumb .pre-icon |
77 { | 77 { |
78 margin-top: -0.5em; | 78 margin-top: -0.5em; |
79 background-size: 1.1em; | 79 background-size: 1.1em; |
80 } | 80 } |
LEFT | RIGHT |