You are here

footer.css in Drupal 10

Footer regions.

File

core/themes/olivero/css/components/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. * Footer regions.
  10. */
  11. /*
  12. * Media query breakpoints.
  13. * Processed by postcss/postcss-custom-media.
  14. */
  15. /* Navigation related breakpoints */
  16. /* Grid related breakpoints */
  17. /* Grid shifts from 6 to 14 columns. */
  18. /* Width of the entire grid maxes out. */
  19. .site-footer {
  20. position: relative; /* stack above left social bar */
  21. color: var(--color--gray-65);
  22. background: linear-gradient(180deg, var(--color--gray-5) 0%, var(--color--gray-10) 100%)
  23. }
  24. [dir="ltr"] .site-footer .menu {
  25. margin-left: 0
  26. }
  27. [dir="rtl"] .site-footer .menu {
  28. margin-right: 0
  29. }
  30. .site-footer .menu {
  31. list-style: none
  32. }
  33. [dir="ltr"] .site-footer .menu ul {
  34. margin-left: var(--sp)
  35. }
  36. [dir="rtl"] .site-footer .menu ul {
  37. margin-right: var(--sp)
  38. }
  39. .site-footer .menu li {
  40. margin-bottom: var(--sp0-5);
  41. }
  42. .site-footer a {
  43. color: inherit
  44. }
  45. .site-footer a:hover {
  46. text-decoration: none;
  47. }
  48. @media (min-width: 75rem) {
  49. [dir="ltr"] body:not(.is-always-mobile-nav) .site-footer {
  50. border-left: solid var(--content-left) var(--color--black)
  51. }
  52. [dir="rtl"] body:not(.is-always-mobile-nav) .site-footer {
  53. border-right: solid var(--content-left) var(--color--black)
  54. }
  55. }