lb-dk-2023/assets/scss/components/_page-title.scss
2023-08-15 17:02:21 +02:00

67 lines
1.3 KiB
SCSS

.breadCrumb {
padding: 200px 0 0;
position: relative;
.svg-img {
position: absolute;
bottom: -35%;
left: -7%;
animation: move_top 5s infinite linear;
@include desktop {
display: none;
}
}
.animate-shape {
position: absolute;
bottom: -60%;
right: 2%;
height: 300px;
width: 300px;
svg {
width: 100%;
}
@include desktop {
display: none;
}
}
.animate-pattern {
position: absolute;
bottom: -40%;
right: 10%;
height: 100px;
width: 100px;
animation: move_top 3s infinite linear;
img {
height: 100%;
width: 100%;
}
@include desktop {
display: none;
}
}
@include desktop {
padding: 120px 0 0;
}
&__title {
font-size: 48px;
line-height: 1;
margin: 0 0 30px 0;
}
.breadcrumb {
background: none;
margin: 0;
padding: 0;
&-item {
a {
color: $secondary;
text-decoration: none;
}
&.active {
color: $secondary;
}
}
}
.breadcrumb-item + .breadcrumb-item::before {
content: "-";
}
}