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 diff --git a/scss/bootstrap/_dropdown.scss b/scss/bootstrap/_dropdown.scss new file mode 100644 index 0000000..400821e --- /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: opacity .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 8821ef6..bf11d2c 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/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 04a2a43..72f6d5e 100644 --- a/scss/essence.scss +++ b/scss/essence.scss @@ -10,12 +10,14 @@ // Bootstrap components @import 'bootstrap/reboots'; @import 'bootstrap/buttons'; +@import 'bootstrap/dropdown'; @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';