42 lines
714 B
CSS
42 lines
714 B
CSS
/**
|
|
* @file
|
|
* Content below region layout.
|
|
*/
|
|
|
|
@import "../base/variables.pcss.css";
|
|
|
|
.region--content-below {
|
|
@media (--md) {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
|
|
& > * {
|
|
flex-basis: calc(50% - (var(--grid-gap--md) / 2));
|
|
flex-grow: 1;
|
|
flex-shrink: 0;
|
|
margin-inline-end: var(--grid-gap--md);
|
|
|
|
&:nth-child(2n),
|
|
&:last-child {
|
|
margin-inline-end: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (--md) {
|
|
& > * {
|
|
flex-basis: calc(33.33% - (var(--grid-gap--md) * 0.666));
|
|
|
|
&:nth-child(2n),
|
|
&:last-child {
|
|
margin-inline-end: var(--grid-gap--md);
|
|
}
|
|
|
|
&:nth-child(3n),
|
|
&:last-child {
|
|
margin-inline-end: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|