Darken dropdown border.

dev-onenetworkecommerce · Nov 12, 2015 · c578d43 · c578d43
1 parent 86ab012
commit c578d43
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/docs/dist/style.css b/docs/dist/style.css
diff --git 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;
   }