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.
41 lines
702 B
41 lines
702 B
/** |
|
* @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; |
|
} |
|
} |
|
} |
|
}
|
|
|