You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
80 lines
1.7 KiB
80 lines
1.7 KiB
.breadcrumb { |
|
&:not([class*='breadcrumb-']) { |
|
.breadcrumb-item + .breadcrumb-item { |
|
&:before { |
|
content: ' '; |
|
background-image: url(str-replace(str-replace($chevron-right, 'currentColor', $body-color), '#', '%23')); |
|
background-repeat: no-repeat; |
|
background-position: center; |
|
color: $body-color; |
|
margin-right: $breadcrumb-item-padding-x; |
|
background-size: 14px; |
|
} |
|
} |
|
} |
|
.breadcrumb-item + .breadcrumb-item { |
|
&:before { |
|
height: 20px; |
|
} |
|
} |
|
} |
|
|
|
/* Component Specific */ |
|
.breadcrumb-slash { |
|
&.breadcrumb { |
|
.breadcrumb-item + .breadcrumb-item:before { |
|
content: '/'; |
|
} |
|
} |
|
} |
|
.breadcrumb-dots { |
|
&.breadcrumb { |
|
.breadcrumb-item + .breadcrumb-item:before { |
|
content: '.'; |
|
position: relative; |
|
top: -4px; |
|
} |
|
} |
|
} |
|
.breadcrumb-dashes { |
|
&.breadcrumb { |
|
.breadcrumb-item + .breadcrumb-item:before { |
|
content: '-'; |
|
} |
|
} |
|
} |
|
.breadcrumb-pipes { |
|
&.breadcrumb { |
|
.breadcrumb-item + .breadcrumb-item:before { |
|
content: '|'; |
|
} |
|
} |
|
} |
|
.breadcrumb-chevron { |
|
&.breadcrumb { |
|
.breadcrumb-item + .breadcrumb-item:before { |
|
content: ' '; |
|
background-image: url(str-replace(str-replace($chevron-right, 'currentColor', $body-color), '#', '%23')); |
|
background-repeat: no-repeat; |
|
background-position: center; |
|
color: $body-color; |
|
margin-right: $breadcrumb-item-padding-x; |
|
background-size: 14px; |
|
} |
|
} |
|
} |
|
// padding left for header area breadcrumbs |
|
.content-header .breadcrumb { |
|
padding-left: 1rem; |
|
} |
|
|
|
@media (max-width: 648px) { |
|
.content-header .breadcrumb { |
|
display: none; |
|
} |
|
.breadcrumbs-top { |
|
.content-header-title { |
|
display: contents !important; |
|
} |
|
} |
|
}
|
|
|