layout-footer.css

Grid system definition for the footer top and footer bottom layouts.

File

core/themes/olivero/css/layout/layout-footer.css

View source 
  1. /*

  2.  * DO NOT EDIT THIS FILE.

  3.  * See the following change record for more information,

  4.  * https://www.drupal.org/node/3084859

  5.  * @preserve

  6.  */

  7. 

  8. /**

  9.  * @file

  10.  * Grid system definition for the footer top and footer bottom layouts.

  11.  */

  12. 

  13. /**

  14.  * Creates stacking context ensuring that child elements can never appear in

  15.  * front of mobile navigation.

  16.  */

  17. 

  18. .site-footer {

  19.   position: relative;

  20.   z-index: 1;

  21. }

  22. 

  23. .site-footer__inner {

  24.   padding-block: var(--sp2);

  25. }

  26. 

  27. @media (min-width: 75rem) {

  28.   .site-footer__inner {

  29.     padding-block: var(--sp4) var(--sp13);

  30.   }

  31. }

  32. 

  33. .region--footer_top__inner > *,

  34. .region--footer_bottom__inner > * {

  35.   margin-block-end: var(--sp2);

  36. }

  37. 

  38. @media (min-width: 43.75rem) {

  39.   .region--footer_top__inner > *,

  40.   .region--footer_bottom__inner > * {

  41.     flex: 1;

  42.     margin-block-end: 0;

  43.   }

  44. 

  45.   .region--footer_top__inner > *:not(:last-child),

  46.   .region--footer_bottom__inner > *:not(:last-child) {

  47.     margin-inline-end: var(--sp2);

  48.   }

  49. }

  50. 

  51. @media (min-width: 43.75rem) {

  52.   .region--footer_top__inner,

  53.   .region--footer_bottom__inner {

  54.     display: flex;

  55.     flex-wrap: wrap;

  56.   }

  57. }