66 lines
1.1 KiB
SCSS
66 lines
1.1 KiB
SCSS
/****************************
|
|
breadcrumb-section
|
|
****************************/
|
|
.breadcrumb-section {
|
|
@include max-screen(767) {
|
|
padding-top: 50px;
|
|
padding-bottom: 50px;
|
|
}
|
|
|
|
@include max-screen(1200) {
|
|
padding-top: 80px;
|
|
padding-bottom: 80px;
|
|
}
|
|
}
|
|
.breadcrumb-item {
|
|
text-transform: capitalize;
|
|
line-height: 1;
|
|
padding: 0px !important;
|
|
@include max-screen(450) {
|
|
margin: 5px 0px;
|
|
}
|
|
a {
|
|
display: inline-block;
|
|
position: relative;
|
|
color: $color-dark !important;
|
|
line-height: 1;
|
|
}
|
|
}
|
|
|
|
.breadcrumb-item + .breadcrumb-item {
|
|
&::before {
|
|
content: "\f3d3";
|
|
color: $body-color !important;
|
|
margin: 0 10px;
|
|
content: "\f3d3";
|
|
font-family: "Ionicons";
|
|
padding: 0px !important;
|
|
position: relative;
|
|
top: 2px;
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
// theme1
|
|
.theme1 {
|
|
.breadcrumb-item {
|
|
a {
|
|
&:hover {
|
|
color: $theme-color !important;
|
|
}
|
|
}
|
|
&.active {
|
|
color: $theme-color;
|
|
}
|
|
}
|
|
}
|
|
|
|
.breadcrumb-section {
|
|
.section-title {
|
|
padding-bottom: 30px;
|
|
}
|
|
}
|
|
|
|
/****************************
|
|
breadcrumb-section END
|
|
****************************/
|