1 | .breadcrumb {
|
2 | padding: $breadcrumb-padding-y $breadcrumb-padding-x;
|
3 | margin-bottom: $spacer-y;
|
4 | list-style: none;
|
5 | background-color: $breadcrumb-bg;
|
6 | @include border-radius($border-radius);
|
7 | @include clearfix;
|
8 | }
|
9 |
|
10 | .breadcrumb-item {
|
11 | float: left;
|
12 |
|
13 |
|
14 | + .breadcrumb-item::before {
|
15 | display: inline-block;
|
16 | padding-right: $breadcrumb-item-padding;
|
17 | padding-left: $breadcrumb-item-padding;
|
18 | color: $breadcrumb-divider-color;
|
19 | content: "#{$breadcrumb-divider}";
|
20 | }
|
21 |
|
22 |
|
23 |
|
24 |
|
25 |
|
26 |
|
27 |
|
28 | + .breadcrumb-item:hover::before {
|
29 | text-decoration: underline;
|
30 | }
|
31 | + .breadcrumb-item:hover::before {
|
32 | text-decoration: none;
|
33 | }
|
34 |
|
35 | &.active {
|
36 | color: $breadcrumb-active-color;
|
37 | }
|
38 | }
|