From c578d431355abfca2886b6d222cd87657a2e3911 Mon Sep 17 00:00:00 2001
From: srph <seraphipod@gmail.com>
Date: Thu, 12 Nov 2015 13:16:16 +0800
Subject: [PATCH] Darken dropdown border.

---
 docs/dist/style.css              |  6 +++---
 styles/components/_dropdown.scss | 11 +++++++----
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/docs/dist/style.css b/docs/dist/style.css
index c0cf78e..0310d26 100644
--- a/docs/dist/style.css
+++ b/docs/dist/style.css
@@ -6063,9 +6063,9 @@ hr {
     min-width: 160px;
     font-size: 14px;
     background-color: #fff;
-    border: 1px solid #F0F0F0;
+    border: 1px solid #C4C4C4;
     border-radius: 3px;
-    box-shadow: 0 0 5px #F0F0F0; }
+    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); }
   .dropdown > .menu::before,
   .dropdown > .menu::after {
     content: "";
@@ -6077,7 +6077,7 @@ hr {
     width: 0;
     border: 10px solid transparent; }
   .dropdown > .menu::before {
-    border-bottom-color: #78828A; }
+    border-bottom-color: #4A4A4A; }
   .dropdown > .menu::after {
     border-bottom-color: #fff; }
   .dropdown > .menu > a {
diff --git a/styles/components/_dropdown.scss b/styles/components/_dropdown.scss
index 6b22e81..2076f70 100644
--- a/styles/components/_dropdown.scss
+++ b/styles/components/_dropdown.scss
@@ -10,9 +10,9 @@
     min-width: 160px;
     font-size: $font-size-base;
     background-color: $brand-white;
-    border: 1px solid $brand-gray-lt;
+    border: 1px solid $brand-gray;
     border-radius: $border-radius-base;
-    box-shadow: 0 0 5px $brand-gray-lt;
+    box-shadow: 0 3px 3px rgba(0,0,0,0.1);
   }
 
   > .menu::before,
@@ -28,7 +28,10 @@
   }
 
   > .menu::before {
-    border-bottom-color: $brand-gray-dk;
+    // Because we're taking advantage of the color bleeding,
+    // we need to show a darker color than the dropdown's border color.
+    // Otherwise, it would appear lighter against the dropdown's border.
+    border-bottom-color: $brand-black;
   }
 
   > .menu::after {
@@ -71,7 +74,7 @@
   }
 
   > .menu > a .badge {
-    float: right; 
+    float: right;
     background-color: $brand-primary;
     color: $brand-white;
   }