mirror of
https://github.com/hugo-fixit/FixIt.git
synced 2026-08-24 15:28:57 +00:00
Cell
55 lines
1.0 KiB
SCSS
55 lines
1.0 KiB
SCSS
.breadcrumb-container {
|
|
padding-inline: 1rem;
|
|
font-size: 0.75rem;
|
|
background-color: var(#{$rootPrefix}global-background-color);
|
|
display: flex;
|
|
gap: 0.5rem;
|
|
@include z-index(1);
|
|
@extend .print-d-none;
|
|
|
|
&:has(~ main[data-reverse]) {
|
|
flex-direction: row-reverse;
|
|
}
|
|
|
|
&::before,
|
|
&::after {
|
|
content: '';
|
|
flex: 1;
|
|
padding-inline: 0.5rem;
|
|
}
|
|
|
|
&.sticky {
|
|
position: sticky;
|
|
top: $header-height;
|
|
}
|
|
|
|
.breadcrumb {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: 0.5rem 0;
|
|
margin: 0 auto;
|
|
list-style: none;
|
|
border-bottom: 1px inset $global-border-color;
|
|
@extend %page-style;
|
|
|
|
[data-theme='dark'] & {
|
|
border-bottom-color: $global-border-color-dark;
|
|
}
|
|
|
|
.breadcrumb-item {
|
|
display: flex;
|
|
|
|
+ .breadcrumb-item::before {
|
|
content: attr(data-separator);
|
|
display: inline-block;
|
|
padding-inline: 0.5rem;
|
|
color: var(#{$rootPrefix}global-font-secondary-color);
|
|
}
|
|
|
|
&.active {
|
|
color: var(#{$rootPrefix}secondary);
|
|
}
|
|
}
|
|
}
|
|
}
|