diff --git a/assets/sass/_zen.scss b/assets/sass/_zen.scss index c20cac3..f78c2a8 100644 --- a/assets/sass/_zen.scss +++ b/assets/sass/_zen.scss @@ -109,18 +109,14 @@ article { // Navigation .main-menu { - margin-block-start: .75rem; - outline: 0; - - li { - margin-block-end: .75rem; - padding: 0; + .page > & { + margin-block: var(--spacing-xs); } a { display: block; background-color: var(--color-button); - color: var(--color-text-bg); + color: var(--color-button-text); padding: 2px 8px; text-decoration: none; @@ -131,7 +127,6 @@ article { &:active, &[aria-current] { - background-color: var(--color-button-hover); text-decoration: underline; } } diff --git a/assets/sass/components/header/_header.scss b/assets/sass/components/header/_header.scss index cbce184..a72f118 100644 --- a/assets/sass/components/header/_header.scss +++ b/assets/sass/components/header/_header.scss @@ -6,6 +6,7 @@ display: flex; flex-direction: column; gap: var(--gutters); + align-items: center; background-color: var(--color-header-bg); @media (min-width: 666px) {