diff --git a/src/sass/theme/bootstrap-overrides/_tabs.scss b/src/sass/theme/bootstrap-overrides/_tabs.scss index 78e933a..e419918 100644 --- a/src/sass/theme/bootstrap-overrides/_tabs.scss +++ b/src/sass/theme/bootstrap-overrides/_tabs.scss @@ -86,8 +86,6 @@ border-top-left-radius: 0; border-bottom-right-radius: 5px; > li > a { - margin-left: -1px; - &:hover, &:focus { } } @@ -128,12 +126,12 @@ .nav.nav-tabs { border-top-left-radius: 5px; border-top-right-radius: 5px; - border-bottom: 1px solid rgba(0, 0, 0, .01); - background-color: rgba(0, 0, 0, 0.2); + border-bottom: 1px solid transparent; + background-color: $primary-light; a { - color: $default-text; + color: $label-text; &:hover { - color: $default-text; + color: $label-text; } } & > li > a { @@ -141,22 +139,42 @@ margin-bottom: 0; border-radius: 0; border: none; - color: $default-text; &:hover { border: none; - color: $default-text; - background-color: rgba(0, 0, 0, 0.2); + background-color: $primary-light; } } & > li.active > a { - color: $default-text; - background-color: rgba(0, 0, 0, 0.25); + color: $label-text; + background-color: $primary; } > li:first-of-type a { border-top-left-radius: 5px; } .dropdown-menu > li > a { color: $dropdown-text; + &:hover { + color: $dropdown-text; + } + } +} + +.blur-theme { + .nav.nav-tabs { + background-color: rgba(0, 0, 0, 0.2); + a { + color: $default-text; + &:hover { + color: $default-text; + } + } + & > li > a:hover { + background-color: rgba(0, 0, 0, 0.2); + } + & > li.active > a { + color: $default-text; + background-color: rgba(0, 0, 0, 0.25); + } } }