region-secondary-menu.pcss.css

Same filename in other branches
  1. 10 core/themes/olivero/css/layout/region-secondary-menu.pcss.css
  2. 11.x core/themes/olivero/css/layout/region-secondary-menu.pcss.css

Secondary menu region layout styling.

File

core/themes/olivero/css/layout/region-secondary-menu.pcss.css

View source
  1. /**
  2. * @file
  3. * Secondary menu region layout styling.
  4. */
  5. @import "../base/variables.pcss.css";
  6. .region--secondary-menu {
  7. display: flex;
  8. margin-block-start: var(--sp2);
  9. margin-block-end: var(--sp2);
  10. & > * {
  11. margin-block-end: 0;
  12. }
  13. }
  14. body:not(.is-always-mobile-nav) {
  15. @media (--nav) {
  16. & .region--secondary-menu {
  17. justify-content: flex-end;
  18. margin: 0;
  19. /* If the secondary nav is the first item within the header, it does not need left separator. */
  20. &:first-child .secondary-nav:before {
  21. content: none;
  22. }
  23. }
  24. }
  25. }

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