layout-footer.css

Same filename and directory in other branches
  1. 10 core/themes/olivero/css/layout/layout-footer.css
  2. 9 core/themes/olivero/css/layout/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. * @file
  9. * Grid system definition for the footer top and footer bottom layouts.
  10. */
  11. /**
  12. * Creates stacking context ensuring that child elements can never appear in
  13. * front of mobile navigation.
  14. */
  15. .site-footer {
  16. position: relative;
  17. z-index: 1;
  18. }
  19. .site-footer__inner {
  20. padding-block: var(--sp2);
  21. }
  22. @media (min-width: 75rem) {
  23. .site-footer__inner {
  24. padding-block: var(--sp4) var(--sp13);
  25. }
  26. }
  27. :is(.region--footer_top__inner, .region--footer_bottom__inner) > * {
  28. margin-block-end: var(--sp2);
  29. }
  30. @media (min-width: 43.75rem) {
  31. :is(.region--footer_top__inner, .region--footer_bottom__inner) > * {
  32. flex: 1;
  33. margin-block-end: 0;
  34. }
  35. :is(:is(.region--footer_top__inner, .region--footer_bottom__inner) > *):not(:last-child) {
  36. margin-inline-end: var(--sp2);
  37. }
  38. }
  39. @media (min-width: 43.75rem) {
  40. .region--footer_top__inner,
  41. .region--footer_bottom__inner {
  42. display: flex;
  43. flex-wrap: wrap;
  44. }
  45. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.