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.
63 lines
1.2 KiB
63 lines
1.2 KiB
/* |
|
* DO NOT EDIT THIS FILE. |
|
* See the following change record for more information, |
|
* https://www.drupal.org/node/3084859 |
|
* @preserve |
|
*/ |
|
|
|
/** |
|
* @file |
|
* Grid system definition for the footer top and footer bottom layouts. |
|
*/ |
|
|
|
/** |
|
* Creates stacking context ensuring that child elements can never appear in |
|
* front of mobile navigation. |
|
*/ |
|
.region--footer-bottom { |
|
display: flex; |
|
justify-content: space-between; |
|
.block { |
|
border: 1px solid #fff; |
|
} |
|
} |
|
.site-footer { |
|
position: relative; |
|
z-index: 1; |
|
} |
|
|
|
.site-footer__inner { |
|
padding-block: var(--sp2); |
|
} |
|
|
|
@media ((((min-width: 60rem)))) { |
|
.site-footer__inner { |
|
padding-block: var(--sp4) calc(13 * var(--sp)); |
|
} |
|
} |
|
|
|
.region--footer_top__inner > *, |
|
.region--footer_bottom__inner > * { |
|
margin-block-end: var(--sp2); |
|
} |
|
|
|
@media (min-width: 43.75rem) { |
|
.region--footer_top__inner > *, |
|
.region--footer_bottom__inner > * { |
|
flex: 1; |
|
margin-block-end: 0; |
|
} |
|
|
|
.region--footer_top__inner > *:not(:last-child), |
|
.region--footer_bottom__inner > *:not(:last-child) { |
|
margin-inline-end: var(--sp2); |
|
} |
|
} |
|
|
|
@media (min-width: 43.75rem) { |
|
.region--footer_top__inner, |
|
.region--footer_bottom__inner { |
|
display: flex; |
|
flex-wrap: wrap; |
|
} |
|
}
|
|
|