website/assets/sass/news.scss

54 lines
823 B
SCSS
Raw Normal View History

.news-list {
list-style-type: none;
padding: 0;
}
.news-item {
2024-03-07 22:00:26 +00:00
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding: 1rem 0rem;
margin-bottom: 1rem;
2024-03-15 22:27:14 +00:00
min-height: 10rem;
display: grid;
2024-03-15 22:27:14 +00:00
grid-template-columns: 1fr 1fr;
grid-column-gap: 2rem;
}
.news-item__image {
width: 100%;
figure {
margin: 0;
2022-10-14 18:56:56 +00:00
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;
}
2024-03-15 22:30:25 +00:00
@media (max-width: $sm-breakpoint) {
.news-item {
display: flex;
flex-direction: column;
padding-top: 0;
}
.news-item__content {
margin-top: 1rem;
}
}