From 84608500b96ca3dd234f5df3a74d440e4bb949a7 Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <venomgfx@gmail.com>
Date: Tue, 28 Aug 2018 15:53:47 +0200
Subject: [PATCH] CSS: Split dropdown styling

---
 src/styles/base.sass                 |  1 +
 src/styles/components/_dropdown.sass | 12 ++++++++++++
 2 files changed, 13 insertions(+)
 create mode 100644 src/styles/components/_dropdown.sass

diff --git a/src/styles/base.sass b/src/styles/base.sass
index 9eeaeeb5..eb180f24 100644
--- a/src/styles/base.sass
+++ b/src/styles/base.sass
@@ -10,6 +10,7 @@
 @import components/base
 @import components/alerts
 @import components/navbar
+@import components/dropdown
 @import components/footer
 @import components/shortcode
 @import components/statusbar
diff --git a/src/styles/components/_dropdown.sass b/src/styles/components/_dropdown.sass
new file mode 100644
index 00000000..dc322071
--- /dev/null
+++ b/src/styles/components/_dropdown.sass
@@ -0,0 +1,12 @@
+// Global, we want all menus to look like this.
+.dropdown-menu
+	box-shadow: $dropdown-box-shadow
+
+	> li
+		> a
+			padding: $dropdown-item-padding-y
+
+// Open dropdown on mouse hover dropdowns in the navbar.
+nav .dropdown:hover
+	ul.dropdown-menu
+		display: block