diff --git a/scss/bootstrap/_dropdown.scss b/scss/bootstrap/_dropdown.scss new file mode 100644 index 0000000..10981c8 --- /dev/null +++ b/scss/bootstrap/_dropdown.scss @@ -0,0 +1,25 @@ +// Make dropdown menus auto drop +@include media-breakpoint-up(md) { + .dropdown { + .dropdown-menu { + display: block; + opacity: 0; + transition: all .15s linear; + pointer-events: none; // Prevent auto show when mouse is below top menu item + min-width: 190px; + } + + &:hover { + .dropdown-menu { + display: block; + opacity: 1; + pointer-events: auto; // Prevent auto hide when mouse is in dropdown menu + } + } + + .dropdown-menu-end { + right: 0; + left: auto; + } + } +} \ No newline at end of file diff --git a/scss/bootstrap/_navbar.scss b/scss/bootstrap/_navbar.scss index 545d054..f82cfae 100644 --- a/scss/bootstrap/_navbar.scss +++ b/scss/bootstrap/_navbar.scss @@ -11,30 +11,4 @@ color: #fff; } } - - // Make dropdown menus auto drop - @include media-breakpoint-up(md) { - .dropdown { - .dropdown-menu { - display: block; - opacity: 0; - transition: all .15s linear; - pointer-events: none; // Prevent auto show when mouse is below top menu item - min-width: 190px; - } - - &:hover { - .dropdown-menu { - display: block; - opacity: 1; - pointer-events: auto; // Prevent auto hide when mouse is in dropdown menu - } - } - - .dropdown-menu-end { - right: 0; - left: auto; - } - } - } } diff --git a/scss/bootstrap/_variables.scss b/scss/bootstrap/_variables.scss index 60ab925..ad4d6a1 100644 --- a/scss/bootstrap/_variables.scss +++ b/scss/bootstrap/_variables.scss @@ -102,9 +102,6 @@ $dropdown-link-hover-bg: hsl(200, 36%, 95%); $card-border-width: 0; $card-box-shadow: 0 .125rem .25rem rgba($black, .075); -// Breadcrumb -$breadcrumb-divider: quote(">"); - // Code $code-font-size: 100% !default; $code-color: $purple !default; diff --git a/scss/essence.scss b/scss/essence.scss index 04a2a43..a877dce 100644 --- a/scss/essence.scss +++ b/scss/essence.scss @@ -10,6 +10,7 @@ // Bootstrap components @import 'bootstrap/reboots'; @import 'bootstrap/buttons'; +@import 'bootstrap/dropdown'; @import 'bootstrap/nav'; @import 'bootstrap/navbar'; @import 'bootstrap/pagination';