diff --git a/src/assets/scss/base/_bootstrap-overrides.scss b/src/assets/scss/base/_bootstrap-overrides.scss index 651c4ee..efa5e6b 100644 --- a/src/assets/scss/base/_bootstrap-overrides.scss +++ b/src/assets/scss/base/_bootstrap-overrides.scss @@ -15,7 +15,7 @@ a:hover { .dropdown-item { font-size: $font-size-sm; - padding: .25rem 1.25rem .25rem .5rem !important; + padding: .25rem 1.25rem .25rem .5rem; } @include media-breakpoint-up($layout-bp) { @@ -23,7 +23,6 @@ a:hover { .dropdown-item { font-size: $font-size-base; - padding: .25rem $header-spacer; } } } diff --git a/src/pages/_partials/MainHeader.vue b/src/pages/_partials/MainHeader.vue index 98512ae..546cca0 100644 --- a/src/pages/_partials/MainHeader.vue +++ b/src/pages/_partials/MainHeader.vue @@ -67,7 +67,7 @@ export default { { to: 'kit', variant: 'kit' }, { to: 'gallery', variant: 'creation' } ], - subRoutes: ['home', 'introduction', 'blog', 'contact'] + subRoutes: ['home', 'introduction', 'contact'] } }, @@ -116,6 +116,14 @@ export default { .dropdown-menu { border: 0; + .dropdown-item { + padding: .25rem $header-spacer-sm; + + @include media-breakpoint-up($layout-bp) { + padding: .25rem $header-spacer; + } + } + @include media-breakpoint-down($size-bp-down) { width: 100vw; } @@ -123,6 +131,7 @@ export default { @each $variant in 'dark', 'kit', 'creation' { .dropdown-item-#{$variant} { background-color: theme-color($variant); + a:not(:hover):not(:focus) { color: if($variant == 'dark', $white, $black); } @@ -186,6 +195,7 @@ export default { li { height: 22px; + &:not(:last-child) { margin-bottom: 3px; }