_navigation.scss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  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__submenu-container {
  14. background-color: var(--wp--custom--color--background);
  15. border-color: var(--wp--custom--color--tertiary);
  16. }
  17. }
  18. .wp-block-navigation__mobile-menu-open-button {
  19. color: var(--wp--custom--color--primary);
  20. }
  21. &.is-responsive .wp-block-navigation__responsive-container.is-menu-open {
  22. background-color: var(--wp--custom--color--tertiary);
  23. &.has-modal-open {
  24. .wp-block-pages-list__item,
  25. .wp-block-navigation-link {
  26. font-size: var(--wp--preset--font-size--normal);
  27. line-height: 50px;
  28. margin: 0;
  29. align-items: flex-end;
  30. &.has-child {
  31. .wp-block-pages-list__item__link,
  32. .wp-block-navigation-link__content {
  33. margin-right: 0;
  34. }
  35. .wp-block-navigation__submenu-container{
  36. gap: 0;
  37. padding: 0 19px 0 0;
  38. border-right: 1px solid var(--wp--custom--color--foreground);
  39. .wp-block-pages-list__item__link,
  40. .wp-block-navigation-item__content {
  41. padding: 0;
  42. font-size: var(--wp--custom--font-sizes--tiny);
  43. line-height: 40px;
  44. }
  45. }
  46. }
  47. }
  48. .wp-block-navigation__container{
  49. align-items: flex-end;
  50. gap: 0;
  51. }
  52. }
  53. .wp-block-social-links {
  54. position: absolute;
  55. flex-direction: column;
  56. padding-top: 36px;
  57. }
  58. }
  59. }