diff --git a/assets/sass/button.scss b/assets/sass/button.scss index 1512acad..f44dc5e4 100644 --- a/assets/sass/button.scss +++ b/assets/sass/button.scss @@ -1,3 +1,12 @@ +button { + border-radius: var(--border-radius-s); + @include focus-indicator(0.2rem); + + &:not(:disabled) { + cursor: pointer; + } +} + .a-button { padding: 1rem; display: inline-flex; diff --git a/assets/sass/contentNavigation.scss b/assets/sass/contentNavigation.scss index 057d445b..15f5aa70 100644 --- a/assets/sass/contentNavigation.scss +++ b/assets/sass/contentNavigation.scss @@ -189,8 +189,8 @@ &__header { display: flex; align-items: center; + justify-content: space-between; flex-direction: column; - gap: 1.5rem; width: 100%; border-top: var(--border); border-bottom: 1px solid #3d444d; diff --git a/assets/sass/fonts.scss b/assets/sass/fonts.scss index 87b1242e..52d225a0 100644 --- a/assets/sass/fonts.scss +++ b/assets/sass/fonts.scss @@ -108,8 +108,8 @@ body, input, textarea, select, -.a-button, -.o-dropdown__button { +button, +.a-button { font-family: var(--font-family); word-wrap: break-word; hyphens: auto; diff --git a/assets/sass/navigation.scss b/assets/sass/navigation.scss index 3ce1b7ca..6d98d7a8 100644 --- a/assets/sass/navigation.scss +++ b/assets/sass/navigation.scss @@ -148,11 +148,6 @@ menu > li > menu { } color: var(--link-hovered); } -} - -.o-nav__close-button, -.o-nav__menu-button { - display: flex; @media (min-width: #{$breakpoint-md}) { display: none; @@ -252,6 +247,7 @@ menu > li > menu { color: var(--color-body); transition: color 0.3s ease; height: fit-content; + line-height: normal; &:hover { color: var(--link-hovered); diff --git a/assets/sass/styles.scss b/assets/sass/styles.scss index 5dc3e127..75871806 100644 --- a/assets/sass/styles.scss +++ b/assets/sass/styles.scss @@ -49,12 +49,6 @@ ol { } } -button { - font-size: 1.8rem; - border-radius: var(--border-radius-s); - @include focus-indicator(0.2rem); -} - a, .o-link { color: var(--link-default); @@ -395,10 +389,6 @@ figure { aspect-ratio: 1 / 1; } -button:not(:disabled) { - cursor: pointer; -} - hr { opacity: 0.25; border: 0;