diff options
Diffstat (limited to 'docs/assets/scss/_navbar.scss')
-rw-r--r-- | docs/assets/scss/_navbar.scss | 67 |
1 files changed, 47 insertions, 20 deletions
diff --git a/docs/assets/scss/_navbar.scss b/docs/assets/scss/_navbar.scss index 9d814117d..481d489f4 100644 --- a/docs/assets/scss/_navbar.scss +++ b/docs/assets/scss/_navbar.scss @@ -1,37 +1,64 @@ .bd-navbar { padding: .75rem 0; - background-color: $bd-purple-bright; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(var(--bd-violet-rgb), 1), rgba(var(--bd-violet-rgb), .95)); + box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15); .navbar-toggler { padding: 0; + margin-right: -.5rem; border: 0; + &:first-child { + margin-left: -.5rem; + } + .bi { - width: 2rem; - fill: currentcolor; + width: 1.5rem; + height: 1.5rem; + } + + &:focus { + box-shadow: none; } } - .navbar-nav { - .nav-link { - padding-right: $spacer / 4; - padding-left: $spacer / 4; - color: rgba($white, .85); - - &:hover, - &:focus { - color: $white; - } - - &.active { - font-weight: 600; - color: $white; - } + .navbar-brand { + transition: .2s ease-in-out transform; + + &:hover { + transform: rotate(-5deg) scale(1.1); + } + } + + .navbar-toggler, + .nav-link { + padding-right: $spacer * .25; + padding-left: $spacer * .25; + color: rgba($white, .85); + + &:hover, + &:focus { + color: $white; + } + + &.active { + font-weight: 600; + color: $white; } } .navbar-nav-svg { - width: 1rem; - height: 1rem; + display: inline-block; + vertical-align: -.125rem; + } + + .offcanvas-lg { + background-color: var(--bd-violet); + border-left: 0; + + @media (max-width: 992px) { + box-shadow: $box-shadow-lg; + } } } |