menu-footer.css

Same filename in other branches
  1. 8.9.x core/profiles/demo_umami/themes/umami/css/components/navigation/menu-footer/menu-footer.css
  2. 10 core/profiles/demo_umami/themes/umami/css/components/navigation/menu-footer/menu-footer.css
  3. 11.x core/profiles/demo_umami/themes/umami/css/components/navigation/menu-footer/menu-footer.css

This file is used to style the main menu.

File

core/profiles/demo_umami/themes/umami/css/components/navigation/menu-footer/menu-footer.css

View source
  1. /**
  2. * @file
  3. * This file is used to style the main menu.
  4. */
  5. .menu-footer {
  6. padding: 0;
  7. }
  8. .menu-footer__title {
  9. font-size: 1.5rem;
  10. font-weight: 400;
  11. }
  12. .menu-footer__item {
  13. margin-bottom: 0.5em;
  14. list-style: none;
  15. }
  16. .menu-footer .menu-footer__link {
  17. text-decoration: none;
  18. color: #fff;
  19. background-color: inherit;
  20. font-weight: 700;
  21. }
  22. .menu-footer .menu-footer__link:active,
  23. .menu-footer .menu-footer__link:focus,
  24. .menu-footer .menu-footer__link:hover {
  25. text-decoration: underline;
  26. outline-color: #fff;
  27. background-color: #000;
  28. }
  29. @media screen and (min-width: 60rem) {
  30. .menu-footer__title {
  31. padding-top: 2rem;
  32. }
  33. .menu-footer-wrapper {
  34. flex-basis: 25%;
  35. }
  36. }

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