40 lines
953 B
SCSS
40 lines
953 B
SCSS
[data-template="investigations"] main {
|
|
#container-cards {
|
|
@media #{$x-small-up} {
|
|
max-width: var(--max-w-container);
|
|
margin: 0 auto;
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
|
|
grid-auto-rows: minmax(100px, auto);
|
|
grid-gap: calc(var(--padding-body) * 1.5);
|
|
margin-bottom: 10vh;
|
|
}
|
|
@media #{$x-small} {
|
|
margin-bottom: 10vh;
|
|
.card--article {
|
|
margin-bottom: calc(var(--spacing) * 1.5);
|
|
}
|
|
}
|
|
}
|
|
@media #{$x-small} {
|
|
margin-bottom: 10vh;
|
|
.card--article {
|
|
margin-bottom: calc(var(--spacing) * 1.5);
|
|
}
|
|
}
|
|
}
|
|
|
|
.search-container {
|
|
max-width: var(--max-w-content);
|
|
margin: 0 auto;
|
|
margin-bottom: calc(var(--spacing) * 2);
|
|
}
|
|
|
|
.page__sort {
|
|
max-width: var(--max-w-container);
|
|
display: flex;
|
|
justify-content: right;
|
|
grid-gap: var(--padding-inner);
|
|
margin: 0 auto;
|
|
margin-bottom: calc(var(--spacing) * 0.5);
|
|
}
|