You are here

Home » API reference » Drupal 9

footer.css in Drupal 9

Same filename in this branch
  1. 9 core/themes/olivero/css/components/footer.css
  2. 9 core/profiles/demo_umami/themes/umami/css/components/regions/footer/footer.css

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. /**

  9.  * @file

  10.  * Footer regions.

  11.  */

  12. 

  13. .site-footer {

  14.   position: relative; /* stack above left social bar */

  15.   color: #9ea0a1;

  16.   background: linear-gradient(180deg, #0c0d0e 0%, #171e23 100%)

  17. }

  18. 

  19. [dir="ltr"] .site-footer .menu {

  20.     margin-left: 0

  21. }

  22. 

  23. [dir="rtl"] .site-footer .menu {

  24.     margin-right: 0

  25. }

  26. 

  27. .site-footer .menu {

  28.     list-style: none

  29.   }

  30. 

  31. [dir="ltr"] .site-footer .menu ul {

  32.       margin-left: 1.125rem

  33. }

  34. 

  35. [dir="rtl"] .site-footer .menu ul {

  36.       margin-right: 1.125rem

  37. }

  38. 

  39. .site-footer .menu li {

  40.       margin-bottom: 0.5625rem;

  41.     }

  42. 

  43. .site-footer a {

  44.     color: inherit

  45.   }

  46. 

  47. .site-footer a:hover {

  48.       text-decoration: none;

  49.     }

  50. 

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

  52.   [dir="ltr"] body:not(.is-always-mobile-nav) .site-footer {

  53.     border-left: solid 90px #000

  54.   }

  55.   [dir="rtl"] body:not(.is-always-mobile-nav) .site-footer {

  56.     border-right: solid 90px #000

  57.   }

  58. }