lb-dk-2023/assets/scss/components/_blog.scss

55 lines
930 B
SCSS
Raw Normal View History

2023-08-15 17:02:21 +02:00
.blog-page {
&__item {
position: relative;
margin-bottom: 180px;
&-thumb {
width: 90%;
height: 100%;
overflow: hidden;
border-radius: 20px;
@include desktop {
width: 80%;
margin: 0 auto;
}
img {
height: 100%;
width: 100%;
transition: all 0.3s ease;
}
}
&-content {
position: absolute;
bottom: -100px;
left: 40px;
padding: 30px;
border-radius: 20px;
box-shadow: 0px 20px 40px 0px rgba(50, 65, 141, 0.12);
@include desktop {
left: 0;
}
span {
color: $primary;
margin: 0 0 20px 40px;
position: relative;
display: block;
line-height: 1;
&::before {
position: absolute;
content: "";
top: 50%;
left: -40px;
height: 1px;
width: 20px;
background: $secondary;
transform: translateY(-50%);
}
}
}
&:hover {
.blog-page__item-thumb img {
transform: scale(1.1);
}
}
}
}