menu-sidebar.css

Same filename in other branches
  1. 9 core/themes/olivero/css/components/navigation/menu-sidebar.css
  2. 10 core/themes/olivero/css/components/navigation/menu-sidebar.css

Styles for menu placed in sidebar region.

File

core/themes/olivero/css/components/navigation/menu-sidebar.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. * Styles for menu placed in sidebar region.
  10. */
  11. .menu--sidebar {
  12. list-style: none;
  13. }
  14. .menu--sidebar .menu {
  15. list-style: none;
  16. }
  17. .menu--sidebar .menu--level-1 {
  18. margin: 0;
  19. }
  20. .menu--sidebar .menu__link {
  21. position: relative;
  22. display: block;
  23. padding-block: var(--sp0-75);
  24. padding-inline-start: 0;
  25. padding-inline-end: 0;
  26. font-family: var(--font-serif);
  27. font-size: 1.125rem;
  28. /* Bottom divider line. */
  29. }
  30. .menu--sidebar .menu__link::after {
  31. position: absolute;
  32. inset-block-end: 0;
  33. inset-inline-start: 0;
  34. width: var(--sp4);
  35. height: 0;
  36. content: "";
  37. border-block-start: solid 2px var(--color--gray-95);
  38. }
  39. .menu--sidebar .menu__link--link {
  40. -webkit-text-decoration: none;
  41. text-decoration: none;
  42. color: var(--color-text-neutral-loud);
  43. font-weight: 600;
  44. }
  45. .menu--sidebar .menu__link--link:hover {
  46. color: var(--color--primary-50);
  47. }
  48. /* No bottom divider line for last menu item. */
  49. :is(.menu--sidebar .menu__item--level-1:last-child > .menu__link:last-child, .menu--sidebar .menu__item--level-1:last-child > .menu__item--level-2:last-child > .menu__link:last-child)::after {
  50. content: none;
  51. }

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