menu-footer.css

This file is used to style the main menu.

File

View on git.drupalcode.org

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. 

  6. .menu-footer {

  7.   padding: 0;

  8. }

  9. 

  10. .menu-footer__title {

  11.   font-size: 1.5rem;

  12.   font-weight: 400;

  13. }

  14. 

  15. .menu-footer__item {

  16.   margin-bottom: 0.5em;

  17.   list-style: none;

  18. }

  19. 

  20. .menu-footer .menu-footer__link {

  21.   text-decoration: none;

  22.   color: #fff;

  23.   background-color: inherit;

  24.   font-weight: 700;

  25. }

  26. 

  27. .menu-footer .menu-footer__link:active,

  28. .menu-footer .menu-footer__link:focus,

  29. .menu-footer .menu-footer__link:hover {

  30.   text-decoration: underline;

  31.   outline-color: #fff;

  32.   background-color: #000;

  33. }

  34. 

  35. @media screen and (min-width: 60rem) {

  36.   .menu-footer__title {

  37.     padding-top: 2rem;

  38.   }

  39. 

  40.   .menu-footer-wrapper {

  41.     flex-basis: 25%;

  42.   }

  43. }

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