1
0
web-semprace/sass/news.scss

43 lines
802 B
SCSS
Raw Normal View History

2023-11-21 21:04:25 +01:00
.news-wrapper {
2023-11-30 14:02:52 +01:00
display: flex;
flex-direction: column;
gap: 1rem;
color: var(--clr-Murrey);
2023-11-21 21:04:25 +01:00
2023-11-30 14:02:52 +01:00
.news-card {
position: relative;
background-color: var(--clr-LavenderLight);
border-radius: 1rem;
padding: 1rem;
.pin-img {
width: 1rem;
position: absolute;
right: 1rem;
display: none;
}
h3 {
font-family: "coolveltica", sans-serif;
font-weight: 900;
font-style: normal;
2023-11-21 21:04:25 +01:00
}
2023-11-30 14:02:52 +01:00
.date {
margin-bottom: 1rem;
2023-11-21 21:04:25 +01:00
}
2023-11-30 14:02:52 +01:00
}
.pinned {
order: -1;
}
.pinned .pin-img {
display: block;
}
iframe.video {
aspect-ratio: 16/9;
}
.instagram-media, img:not(.pin-img), iframe.video {
border-radius: 15px !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
}
2023-11-21 21:13:40 +01:00
}