59 lines
929 B
SCSS
59 lines
929 B
SCSS
.newsWrapper {
|
|
margin: 0 calc(var(--spacing-sitepadding-inline)*-1);
|
|
padding: var(--spacing-sitepadding-block) var(--spacing-sitepadding-inline);
|
|
|
|
h2 {
|
|
margin-bottom: var(--spacing-s);
|
|
}
|
|
}
|
|
|
|
.newsList {
|
|
display: grid;
|
|
grid-template-columns: repeat(12, 1fr);
|
|
column-gap: var(--spacing-gap-column);
|
|
row-gap: var(--spacing-gap-row);
|
|
|
|
li {
|
|
grid-column: span 3;
|
|
|
|
h2 {
|
|
font-size: 1.4rem;
|
|
}
|
|
|
|
&:nth-child(1),
|
|
&:nth-child(2) {
|
|
grid-column: span 6;
|
|
|
|
h2 {
|
|
font-size: 1.8rem;
|
|
}
|
|
}
|
|
|
|
&:nth-child(3),
|
|
&:nth-child(4),
|
|
&:nth-child(5) {
|
|
grid-column: span 4;
|
|
|
|
h2 {
|
|
font-size: 1.6rem;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.featured {
|
|
li {
|
|
|
|
&:nth-child(1),
|
|
&:nth-child(2),
|
|
&:nth-child(3),
|
|
&:nth-child(4),
|
|
&:nth-child(5) {
|
|
grid-column: span 3;
|
|
|
|
h2 {
|
|
font-size: 1.4rem;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} |