46 lines
859 B
SCSS
46 lines
859 B
SCSS
.news-wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1rem;
|
|
color: var(--clr-Murrey);
|
|
|
|
.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;
|
|
}
|
|
.date {
|
|
margin-bottom: 1rem;
|
|
}
|
|
}
|
|
.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;
|
|
}
|
|
img, iframe, br {
|
|
margin-top: 1rem !important;
|
|
}
|
|
}
|