You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
702 B
42 lines
702 B
12 months ago
|
/**
|
||
|
|
* @file
|
||
|
|
* Content below region layout.
|
||
|
|
*/
|
||
|
|
|
||
|
|
@import "../base/media-queries.pcss.css";
|
||
|
|
|
||
|
|
.region--content-below {
|
||
|
|
@media (--md) {
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
|
||
|
|
& > * {
|
||
|
|
flex-basis: calc(50% - (var(--grid-gap) / 2));
|
||
|
|
flex-grow: 1;
|
||
|
|
flex-shrink: 0;
|
||
|
|
margin-inline-end: var(--grid-gap);
|
||
|
|
|
||
|
|
&:nth-child(2n),
|
||
|
|
&:last-child {
|
||
|
|
margin-inline-end: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (--md) {
|
||
|
|
& > * {
|
||
|
|
flex-basis: calc(33.33% - (var(--grid-gap) * 0.667));
|
||
|
|
|
||
|
|
&:nth-child(2n),
|
||
|
|
&:last-child {
|
||
|
|
margin-inline-end: var(--grid-gap);
|
||
|
|
}
|
||
|
|
|
||
|
|
&:nth-child(3n),
|
||
|
|
&:last-child {
|
||
|
|
margin-inline-end: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|