diff options
| author | Cinnead <[email protected]> | 2020-01-28 13:28:44 +0100 |
|---|---|---|
| committer | Martijn Cuppens <[email protected]> | 2020-01-28 13:28:44 +0100 |
| commit | 770d95ed029af0787fc5eff88533f5f26100d954 (patch) | |
| tree | 5f31aad9bf778663761cb06085c5d5cf3b3317a3 | |
| parent | 07b726b27e9686512ce0e253f16f12ea9d8110f1 (diff) | |
| download | bootstrap-770d95ed029af0787fc5eff88533f5f26100d954.tar.xz bootstrap-770d95ed029af0787fc5eff88533f5f26100d954.zip | |
Add transition and add box-shadow for navbar-toggler (#30038)
Co-authored-by: Martijn Cuppens <[email protected]>
Co-authored-by: XhmikosR <[email protected]>
| -rw-r--r-- | scss/_navbar.scss | 8 | ||||
| -rw-r--r-- | scss/_variables.scss | 2 |
2 files changed, 9 insertions, 1 deletions
diff --git a/scss/_navbar.scss b/scss/_navbar.scss index 3118a2eb0..d46a815d6 100644 --- a/scss/_navbar.scss +++ b/scss/_navbar.scss @@ -121,10 +121,16 @@ background-color: transparent; // remove default button style border: $border-width solid transparent; // remove default button style @include border-radius($navbar-toggler-border-radius); + @include transition($navbar-toggler-transition); + + &:hover { + text-decoration: none; + } - &:hover, &:focus { text-decoration: none; + outline: 0; + box-shadow: 0 0 0 $navbar-toggler-focus-width; } } diff --git a/scss/_variables.scss b/scss/_variables.scss index 95e3d0dfa..c72f21c91 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -851,6 +851,8 @@ $navbar-toggler-padding-y: .25rem !default; $navbar-toggler-padding-x: .75rem !default; $navbar-toggler-font-size: $font-size-lg !default; $navbar-toggler-border-radius: $btn-border-radius !default; +$navbar-toggler-focus-width: $btn-focus-width !default; +$navbar-toggler-transition: box-shadow .15s ease-in-out !default; $navbar-dark-color: rgba($white, .55) !default; $navbar-dark-hover-color: rgba($white, .75) !default; |