53 lines
1.2 KiB
SCSS
53 lines
1.2 KiB
SCSS
.layout-breadcrumb {
|
|
background-color: transparent;
|
|
padding: 12px 32px;
|
|
@include flex();
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
|
|
.breadcrumb{
|
|
@include flex();
|
|
@include flex-align-center();
|
|
|
|
.route-bar-breadcrumb {
|
|
list-style: none;
|
|
@include flex();
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
padding: 0;
|
|
|
|
> li {
|
|
padding: 0;
|
|
padding-right: 12px;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
color: $textSecondaryColor;
|
|
text-transform: uppercase;
|
|
|
|
i {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.ui-link {
|
|
color: $textColor;
|
|
@include transition(color $transitionDuration);
|
|
font-size: 12px;
|
|
|
|
&:hover {
|
|
color: $primaryColor;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (max-width : 992px){
|
|
.layout-breadcrumb {
|
|
|
|
.breadcrumb{
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|