30 lines
603 B
SCSS
30 lines
603 B
SCSS
|
.news-wrapper {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
gap: 1rem;
|
||
|
|
color: var(--clr-murrey);
|
||
|
|
|
||
|
|
.news-card {
|
||
|
|
position: relative;
|
||
|
|
background-color: var(--clr-cards);
|
||
|
|
border-radius: 1rem;
|
||
|
|
padding: 1rem;
|
||
|
|
.pin-img {
|
||
|
|
width: 1rem;
|
||
|
|
position: absolute;
|
||
|
|
right: 1rem;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.pinned {
|
||
|
|
order: -1;
|
||
|
|
}
|
||
|
|
.pinned .pin-img {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
iframe.video {
|
||
|
|
border-radius: 15px;
|
||
|
|
aspect-ratio: 16/9;
|
||
|
|
width: min(560px, 100%);
|
||
|
|
}
|
||
|
|
}
|