menu-sidebar.css

Same filename in other branches
  1. 10 core/themes/olivero/css/components/navigation/menu-sidebar.css
  2. 11.x 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. [dir="ltr"] .menu--sidebar .menu__link {
  21. padding-left: 0;
  22. }
  23. [dir="rtl"] .menu--sidebar .menu__link {
  24. padding-right: 0;
  25. }
  26. [dir="ltr"] .menu--sidebar .menu__link {
  27. padding-right: 0;
  28. }
  29. [dir="rtl"] .menu--sidebar .menu__link {
  30. padding-left: 0;
  31. }
  32. .menu--sidebar .menu__link {
  33. position: relative;
  34. display: block;
  35. padding-top: 0.84375rem;
  36. padding-bottom: 0.84375rem;
  37. font-family: Lora, georgia, serif;
  38. font-size: 1.125rem;
  39. /* Bottom divider line. */
  40. }
  41. [dir="ltr"] .menu--sidebar .menu__link:after {
  42. left: 0;
  43. }
  44. [dir="rtl"] .menu--sidebar .menu__link:after {
  45. right: 0;
  46. }
  47. .menu--sidebar .menu__link:after {
  48. position: absolute;
  49. bottom: 0;
  50. width: 4.5rem;
  51. height: 0;
  52. content: "";
  53. border-top: solid 2px #e7edf1;
  54. }
  55. .menu--sidebar .menu__link--link {
  56. text-decoration: none;
  57. color: #0d1214;
  58. font-weight: 600;
  59. }
  60. .menu--sidebar .menu__link--link:hover {
  61. color: #2494db;
  62. }
  63. /* No bottom divider line for last menu item. */
  64. .menu--sidebar .menu__item--level-1:last-child > .menu__link:last-child:after,
  65. .menu--sidebar .menu__item--level-1:last-child > .menu__item--level-2:last-child > .menu__link:last-child:after {
  66. content: none;
  67. }

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