_navigation.scss 919 B

12345678910111213141516171819202122232425262728293031323334
  1. // Needed until this is merged: https://github.com/WordPress/gutenberg/issues/35040
  2. .is-vertical.items-justified-right ul.wp-block-navigation__container {
  3. align-items: flex-end;
  4. }
  5. .wp-block-navigation.is-style-blockbase-navigation-improved-responsive {
  6. &.is-responsive .is-menu-open.wp-block-navigation__responsive-container {
  7. .wp-block-navigation__container {
  8. row-gap: 1rem;
  9. }
  10. .wp-block-navigation__responsive-container-content { // Needed for specificity to beat the navigation block CSS
  11. align-items: flex-start;
  12. .wp-block-navigation-item {
  13. row-gap: 0rem;
  14. > a:hover {
  15. text-decoration-line: underline;
  16. }
  17. &.current-menu-item > a {
  18. text-decoration: underline;
  19. }
  20. }
  21. }
  22. .wp-block-navigation__responsive-container-content {
  23. justify-content: space-between;
  24. }
  25. ul.wp-block-social-links {
  26. padding-bottom: calc( var(--wp--custom--gap--vertical) * 2 );
  27. }
  28. }
  29. }