_navigation.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. .wp-block-navigation {
  2. .wp-block-navigation-link a:hover {
  3. background: transparent;
  4. }
  5. .wp-block-pages-list__item .wp-block-pages-list__item__link,
  6. .wp-block-navigation-link__content {
  7. color: var(--wp--custom--color--foreground);
  8. &:hover {
  9. text-decoration: underline;
  10. }
  11. }
  12. &:not(.has-background) {
  13. .wp-block-navigation__container {
  14. .submenu-container,
  15. .wp-block-navigation-link__container {
  16. background-color: var(--wp--custom--color--background);
  17. border-color: var(--wp--custom--color--secondary);
  18. }
  19. }
  20. }
  21. .wp-block-navigation__mobile-menu-open-button {
  22. color: var(--wp--custom--color--primary);
  23. }
  24. &.is-responsive .wp-block-navigation__responsive-container.is-menu-open {
  25. background-color: var(--wp--custom--color--secondary);
  26. &.has-modal-open {
  27. .wp-block-pages-list__item,
  28. .wp-block-navigation-link {
  29. font-size: 20px;
  30. line-height: 50px;
  31. margin: 0;
  32. align-items: flex-end;
  33. &.has-child {
  34. .wp-block-pages-list__item__link,
  35. .wp-block-navigation-link__content {
  36. margin-right: 0;
  37. }
  38. .submenu-container,
  39. .wp-block-navigation-link__container{
  40. margin-right: -19px;
  41. padding: 0 19px 0 0;
  42. border-right: 1px solid var(--wp--custom--color--foreground);
  43. .wp-block-pages-list__item__link,
  44. .wp-block-navigation-link__content {
  45. padding: 0;
  46. font-size: 15px;
  47. line-height: 40px;
  48. }
  49. }
  50. }
  51. }
  52. .wp-block-navigation__container{
  53. padding-top: 50px;
  54. align-items: flex-end;
  55. }
  56. }
  57. }
  58. }