File: D:/HostingSpaces/ASmits/kemi.nl/resources/assets/sass/site/partials/posts/_item.scss
.c-post-item {
display: block;
background-color: white;
transition: background-color 0.3s;
&:hover {
background-color: $neutral-200;
}
}
.c-post-item__indent {
margin: 0 -30px;
@include respond-to-width(425) {
margin: 0 column(-1, 14);
}
}
.c-post-item__large {
background-color: transparent;
&:hover {
background-color: transparent;
}
}
.c-post-item__body {
padding: 20px 30px;
.c-post-item__large & {
padding: 40px 0;
}
}
.c-post-item__image {
display: block;
img {
width: 100%;
}
}
.c-post-item__title {
margin: 0 0 10px;
font-size: 1.4rem;
line-height: 1.2;
font-weight: 500;
color: $blue;
}
.c-post-item__date {
margin-bottom: 20px;
font-size: 1rem;
line-height: 1;
color: $pastelBlue;
}
.c-post-item__button {
position: relative;
padding-right: 50px;
color: $blue;
font-size: 1rem;
line-height: 1;
font-weight: 700;
&:after {
position: absolute;
top: 3px;
right: 6px;
width: 18px;
height: 12px;
//padding-top: 2rem
content: "";
background-position: center center;
background-repeat: no-repeat;
background-image: url("/img/svg/arrow_color.svg");
transition: right 0.2s;
}
.c-post-item:hover & {
&:after {
right: 0;
}
}
}