| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- // Breadcrumbs
- // *******************************************************************************
-
-
- .breadcrumb {
- --#{$prefix}breadcrumb-color: #{$breadcrumb-color};
- }
-
-
- .breadcrumb-item {
- line-height: 1.5rem;
- a {
- color: var(--#{$prefix}breadcrumb-color);
-
- &:hover,
- &:focus {
- color: var(--#{$prefix}breadcrumb-item-active-color);
- }
- }
- .icon-base.breadcrumb-icon {
- color: var(--#{$prefix}breadcrumb-divider-color);
- margin-inline-start: $breadcrumb-item-padding-x;
- }
- }
-
- .breadcrumb-item.active a {
- &,
- &:hover,
- &:focus,
- &:active {
- color: inherit;
- }
- }
-
- .breadcrumb-custom-icon .breadcrumb-item + .breadcrumb-item::before {
- content: none !important;
- }
-
- // RTL
- // ******************************************************************************
-
- :dir(rtl) {
- .breadcrumb-item {
- & + .breadcrumb-item {
- padding-inline: $breadcrumb-item-padding-x 0;
-
- &::before {
- content: "#{$breadcrumb-divider-flipped}";
- float: inline-start;
- padding-inline: 0 $breadcrumb-item-padding-x;
- }
- }
- .icon-base.breadcrumb-icon {
- transform: scaleX(-1);
- }
- }
- }
|