From 6182f81f82bf669e8f246c2371bdc9a2c469a62f Mon Sep 17 00:00:00 2001 From: Leo Date: Fri, 13 Sep 2024 01:17:31 -0500 Subject: [PATCH 1/4] Make all dropdown menus auto drop on hover. --- scss/bootstrap/_dropdown.scss | 25 +++++++++++++++++++++++++ scss/bootstrap/_navbar.scss | 26 -------------------------- scss/bootstrap/_variables.scss | 3 --- scss/essence.scss | 1 + 4 files changed, 26 insertions(+), 29 deletions(-) create mode 100644 scss/bootstrap/_dropdown.scss 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'; From 62da566b4831e3dc6735ed41edeccd3cee1f4f2b Mon Sep 17 00:00:00 2001 From: Leo Date: Fri, 20 Sep 2024 19:04:39 -0500 Subject: [PATCH 2/4] Transition dropdown menus on opacity only. --- scss/bootstrap/_dropdown.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/scss/bootstrap/_dropdown.scss b/scss/bootstrap/_dropdown.scss index 10981c8..400821e 100644 --- a/scss/bootstrap/_dropdown.scss +++ b/scss/bootstrap/_dropdown.scss @@ -4,7 +4,7 @@ .dropdown-menu { display: block; opacity: 0; - transition: all .15s linear; + transition: opacity .15s linear; pointer-events: none; // Prevent auto show when mouse is below top menu item min-width: 190px; } From 3311dfb5e039f4ea05d482ae14bb8b6577792186 Mon Sep 17 00:00:00 2001 From: Leo Date: Sat, 21 Sep 2024 16:54:11 -0500 Subject: [PATCH 3/4] Prevent font awesome icons from being underlined in links. --- scss/bootstrap/helpers/_icon_link.scss | 7 +++++++ scss/essence.scss | 3 ++- 2 files changed, 9 insertions(+), 1 deletion(-) create mode 100644 scss/bootstrap/helpers/_icon_link.scss diff --git a/scss/bootstrap/helpers/_icon_link.scss b/scss/bootstrap/helpers/_icon_link.scss new file mode 100644 index 0000000..b7cfdd8 --- /dev/null +++ b/scss/bootstrap/helpers/_icon_link.scss @@ -0,0 +1,7 @@ +.icon-link { + gap: 0; + + i::before { + display: inline-block; + } +} \ No newline at end of file diff --git a/scss/essence.scss b/scss/essence.scss index a877dce..72f6d5e 100644 --- a/scss/essence.scss +++ b/scss/essence.scss @@ -14,9 +14,10 @@ @import 'bootstrap/nav'; @import 'bootstrap/navbar'; @import 'bootstrap/pagination'; - @import 'bootstrap/code'; +@import 'bootstrap/helpers/icon_link'; + // Essence components @import 'elements/sidebar'; @import 'elements/footer'; From 2352d821bbf4a98daa0dac524e4c796579dc376d Mon Sep 17 00:00:00 2001 From: Leo Date: Sat, 28 Sep 2024 15:23:03 -0500 Subject: [PATCH 4/4] Add .leader class. --- scss/_styles.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/scss/_styles.scss b/scss/_styles.scss index 765f5b3..5ba0c4b 100644 --- a/scss/_styles.scss +++ b/scss/_styles.scss @@ -1,3 +1,7 @@ +.leader { + font-size: 1.125rem; +} + .smaller { font-size: 0.9375em; } \ No newline at end of file