From 42ed785da5f0e8ed360e275b9c1d46643f343db0 Mon Sep 17 00:00:00 2001
From: Leo <contact@leonguyen.com>
Date: Thu, 21 Oct 2021 20:39:13 -0500
Subject: [PATCH] - Beautiful dropdown items.

---
 scss/bootstrap/_dropdown.scss | 9 +++++++++
 scss/essence.scss             | 1 +
 2 files changed, 10 insertions(+)
 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..f1cee7a
--- /dev/null
+++ b/scss/bootstrap/_dropdown.scss
@@ -0,0 +1,9 @@
+// Place a nice stripe to the left of hovered dropdown menu items
+.dropdown-menu .dropdown-item {
+  border-left: 4px solid transparent;
+  transition: background-color .1s linear, border .1s linear;
+
+  &:hover {
+    border-left-color: $yellow; // $info;
+  }
+}
diff --git a/scss/essence.scss b/scss/essence.scss
index 4e812a6..e63335d 100644
--- a/scss/essence.scss
+++ b/scss/essence.scss
@@ -2,6 +2,7 @@
 @import 'bootstrap/buttons';
 @import 'bootstrap/nav';
 @import 'bootstrap/navbar';
+@import 'bootstrap/dropdown';
 
 @import 'bootstrap/code';
 @import 'bootstrap/form-control';