4 changed files with 65 additions and 37 deletions
@ -1,46 +1,17 @@
|
||||
/* |
||||
* DO NOT EDIT THIS FILE. |
||||
* See the following change record for more information, |
||||
* https://www.drupal.org/node/3084859 |
||||
* @preserve |
||||
*/ |
||||
.region--content-below { |
||||
margin-block-end: var(--sp); |
||||
|
||||
/** |
||||
* @file |
||||
* Content below region layout. |
||||
*/ |
||||
margin-left: 6em; |
||||
} |
||||
|
||||
@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; |
||||
margin-block-end: var(--sp2); |
||||
} |
||||
} |
||||
|
||||
@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; |
||||
@media (min-width: 62.5rem) { |
||||
.region--content-below { |
||||
margin-block-end: var(--sp3); |
||||
} |
||||
} |
||||
|
||||
@ -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