OLD | NEW |
1 /* | 1 /* |
2 * Copyright 2014 The Chromium Authors. All rights reserved. | 2 * Copyright 2014 The Chromium Authors. All rights reserved. |
3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
5 */ | 5 */ |
6 | 6 |
7 .crumbs { | 7 .crumbs { |
8 display: inline-block; | 8 display: inline-block; |
9 pointer-events: auto; | 9 pointer-events: auto; |
10 cursor: default; | 10 cursor: default; |
11 font-size: 11px; | 11 font-size: 11px; |
12 line-height: 17px; | 12 line-height: 17px; |
| 13 white-space: nowrap; |
13 } | 14 } |
14 | 15 |
15 .crumbs .crumb { | 16 .crumbs .crumb { |
16 display: inline-block; | 17 display: inline-block; |
17 padding: 0 7px; | 18 padding: 0 7px; |
18 height: 18px; | 19 height: 18px; |
19 white-space: nowrap; | 20 white-space: nowrap; |
20 } | 21 } |
21 | 22 |
| 23 :host-context(.material) .crumb { |
| 24 padding: 0px 4px 0px 11px; |
| 25 cursor: pointer; |
| 26 line-height: 18px; |
| 27 margin: 5px 0px; |
| 28 position: relative; |
| 29 color: hsl(0, 0%, 35%); |
| 30 } |
| 31 |
| 32 :host-context(.material) .crumb:not(.collapsed):not(:first-child):before { |
| 33 content: "\27E9"; |
| 34 position: absolute; |
| 35 left: 0px; |
| 36 color: hsl(0, 0%, 35%); |
| 37 width: 7px; |
| 38 text-align: center; |
| 39 } |
| 40 |
22 .crumbs .crumb.collapsed > * { | 41 .crumbs .crumb.collapsed > * { |
23 display: none; | 42 display: none; |
24 } | 43 } |
25 | 44 |
26 .crumbs .crumb.collapsed::before { | 45 .crumbs .crumb.collapsed::before { |
27 content: "\2026"; | 46 content: "\2026"; |
28 font-weight: bold; | 47 font-weight: bold; |
29 } | 48 } |
30 | 49 |
31 .crumbs .crumb.compact .extra { | 50 .crumbs .crumb.compact .extra { |
32 display: none; | 51 display: none; |
33 } | 52 } |
34 | 53 |
35 .crumbs .crumb.selected, .crumbs .crumb.selected:hover { | 54 .crumbs .crumb.selected, .crumbs .crumb.selected:hover { |
36 background-color: rgb(56, 121, 217); | 55 background-color: rgb(56, 121, 217); |
37 color: white; | 56 color: white; |
38 text-shadow: rgba(255, 255, 255, 0.5) 0 0 0; | 57 text-shadow: rgba(255, 255, 255, 0.5) 0 0 0; |
39 } | 58 } |
40 | 59 |
| 60 :host-context(.material) .crumb.selected { |
| 61 color: hsl(0, 0%, 35%); |
| 62 background-color: transparent !important; |
| 63 } |
| 64 |
| 65 :host-context(.material) .crumb.selected:before { |
| 66 color: hsl(217, 89%, 61%) !important; |
| 67 } |
| 68 |
41 .crumbs .crumb:hover { | 69 .crumbs .crumb:hover { |
42 background-color: rgb(216, 216, 216); | 70 background-color: rgb(216, 216, 216); |
43 } | 71 } |
| 72 |
| 73 :host-context(.material) .crumb:hover { |
| 74 background-color: transparent; |
| 75 color: hsl(0, 0%, 20%) !important; |
| 76 } |
OLD | NEW |