menu-account.css

This file is used to style the account menu.

File

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

View source 
  1. /**

  2.  * @file

  3.  * This file is used to style the account menu.

  4.  */

  5. 

  6. @media screen and (min-width: 48em) {

  7.   .menu--account {

  8.     display: block;

  9.     text-align: right; /* LTR */

  10.   }

  11.   [dir="rtl"] .menu--account {

  12.     text-align: left;

  13.   }

  14. }

  15. .menu-account {

  16.   display: inline-flex;

  17.   margin: 0;

  18.   padding: 0;

  19.   list-style-type: none;

  20.   line-height: 1.5;

  21. }

  22. .menu-account__item + .menu-account__item {

  23.   margin-left: 1em; /* LTR */

  24. }

  25. [dir="rtl"] .menu-account__item + .menu-account__item {

  26.   margin-right: 1em;

  27.   margin-left: 0;

  28. }

  29. .menu-account__link,

  30. .menu-account__link:hover,

  31. .menu-account__link:focus {

  32.   text-decoration: none;

  33.   color: inherit;

  34.   background-color: inherit;

  35. }

  36. .menu-account__link:hover,

  37. .menu-account__link:focus {

  38.   text-decoration: underline;

  39. }