kor-elf
2a26008e87
- Introduce breadcrumb SCSS styles and integrate `breadcrumbs/site.blade.php`. - Update SCSS imports to include new breadcrumb styles.
46 lines
784 B
SCSS
46 lines
784 B
SCSS
.breadcrumb-container {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: .5rem 1rem;
|
|
margin-bottom: 1rem;
|
|
list-style: none;
|
|
background-color: #eee;
|
|
border-radius: .5rem;
|
|
}
|
|
|
|
.breadcrumb-item+.breadcrumb-item {
|
|
padding-left: .5rem
|
|
}
|
|
|
|
.breadcrumb-item+.breadcrumb-item:before {
|
|
float: left;
|
|
padding-right: .5rem;
|
|
color: #4b5563;
|
|
content: "/";
|
|
}
|
|
|
|
.breadcrumb-item.active {
|
|
color: #4b5563;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.breadcrumb-item {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.breadcrumb-item,.breadcrumb-item a {
|
|
color: #374151;
|
|
font-weight: 400;
|
|
font-size: .75rem;
|
|
}
|
|
.breadcrumb-item a:hover {
|
|
color: #00040b;
|
|
text-decoration: none;
|
|
}
|
|
|
|
@media (min-width: 576px) {
|
|
.breadcrumb-item,.breadcrumb-item a {
|
|
font-size:.875rem
|
|
}
|
|
}
|