4 changed files with 65 additions and 37 deletions
@ -1,46 +1,17 @@ |
|||||||
/* |
.region--content-below { |
||||||
* DO NOT EDIT THIS FILE. |
margin-block-end: var(--sp); |
||||||
* See the following change record for more information, |
|
||||||
* https://www.drupal.org/node/3084859 |
|
||||||
* @preserve |
|
||||||
*/ |
|
||||||
|
|
||||||
/** |
margin-left: 6em; |
||||||
* @file |
} |
||||||
* Content below region layout. |
|
||||||
*/ |
|
||||||
|
|
||||||
@media (min-width: 43.75rem) { |
@media (min-width: 43.75rem) { |
||||||
.region--content-below { |
.region--content-below { |
||||||
display: flex; |
margin-block-end: var(--sp2); |
||||||
flex-wrap: wrap; |
|
||||||
} |
|
||||||
|
|
||||||
.region--content-below > * { |
|
||||||
flex-basis: calc(50% - (var(--grid-gap) / 2)); |
|
||||||
flex-grow: 1; |
|
||||||
flex-shrink: 0; |
|
||||||
margin-inline-end: var(--grid-gap); |
|
||||||
} |
|
||||||
|
|
||||||
.region--content-below > *:nth-child(2n), |
|
||||||
.region--content-below > *:last-child { |
|
||||||
margin-inline-end: 0; |
|
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
@media (min-width: 43.75rem) { |
@media (min-width: 62.5rem) { |
||||||
.region--content-below > * { |
.region--content-below { |
||||||
flex-basis: calc(33.33% - (var(--grid-gap) * 0.667)); |
margin-block-end: var(--sp3); |
||||||
} |
|
||||||
|
|
||||||
.region--content-below > *:nth-child(2n), |
|
||||||
.region--content-below > *:last-child { |
|
||||||
margin-inline-end: var(--grid-gap); |
|
||||||
} |
|
||||||
|
|
||||||
.region--content-below > *:nth-child(3n), |
|
||||||
.region--content-below > *:last-child { |
|
||||||
margin-inline-end: 0; |
|
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
@ -0,0 +1,46 @@ |
|||||||
|
/* |
||||||
|
* DO NOT EDIT THIS FILE. |
||||||
|
* See the following change record for more information, |
||||||
|
* https://www.drupal.org/node/3084859 |
||||||
|
* @preserve |
||||||
|
*/ |
||||||
|
|
||||||
|
/** |
||||||
|
* @file |
||||||
|
* Content below region layout. |
||||||
|
*/ |
||||||
|
|
||||||
|
@media (min-width: 43.75rem) { |
||||||
|
.region--content-below { |
||||||
|
display: flex; |
||||||
|
flex-wrap: wrap; |
||||||
|
} |
||||||
|
|
||||||
|
.region--content-below > * { |
||||||
|
flex-basis: calc(50% - (var(--grid-gap) / 2)); |
||||||
|
flex-grow: 1; |
||||||
|
flex-shrink: 0; |
||||||
|
margin-inline-end: var(--grid-gap); |
||||||
|
} |
||||||
|
|
||||||
|
.region--content-below > *:nth-child(2n), |
||||||
|
.region--content-below > *:last-child { |
||||||
|
margin-inline-end: 0; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
@media (min-width: 43.75rem) { |
||||||
|
.region--content-below > * { |
||||||
|
flex-basis: calc(33.33% - (var(--grid-gap) * 0.667)); |
||||||
|
} |
||||||
|
|
||||||
|
.region--content-below > *:nth-child(2n), |
||||||
|
.region--content-below > *:last-child { |
||||||
|
margin-inline-end: var(--grid-gap); |
||||||
|
} |
||||||
|
|
||||||
|
.region--content-below > *:nth-child(3n), |
||||||
|
.region--content-below > *:last-child { |
||||||
|
margin-inline-end: 0; |
||||||
|
} |
||||||
|
} |
||||||
Loading…
Reference in new issue