website/assets/sass/news.scss
Matthieu Bessat 9c09f51ecc
All checks were successful
Deploy workflow / deploy (push) Successful in 28s
fix(articles): image
2024-03-15 23:37:09 +01:00

53 lines
823 B
SCSS

.news-list {
list-style-type: none;
padding: 0;
}
.news-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding: 1rem 0rem;
margin-bottom: 1rem;
min-height: 10rem;
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 2rem;
}
.news-item__image {
width: 100%;
figure {
margin: 0;
height: 100%;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.news-item__title {
margin-top: 0;
}
.news-item__date {
opacity: 0.8;
font-style: italic;
}
.news-item__summary {
font-size: .9rem;
}
@media (max-width: $sm-breakpoint) {
.news-item {
display: flex;
flex-direction: column;
padding-top: 0;
}
.news-item__content {
margin-top: 1rem;
}
}