Separate dropdownmenu border from dropdown border

diff --git a/scss/components/_dropdown-menu.scss b/scss/components/_dropdown-menu.scss
index 10dd040b60db492d4f29f0d7071fcbc5196c54f5..4efe430e602c23af3b14050fce1b0a736886bdbc 100644 (file)
--- a/scss/components/_dropdown-menu.scss
+++ b/scss/components/_dropdown-menu.scss
@@ -20,7 +20,7 @@ $dropdownmenu-background: $white !default;
 
 /// Border for dropdown panes.
 /// @type List
-$dropdown-border: 1px solid $medium-gray !default;
+$dropdownmenu-border: 1px solid $medium-gray !default;
 
 @mixin foundation-dropdown-menu {
   .dropdown.menu {
@@ -76,7 +76,7 @@ $dropdown-border: 1px solid $medium-gray !default;
       min-width: $dropdownmenu-min-width;
       z-index: 1;
       background: $dropdownmenu-background;
-      border: $dropdown-border;
+      border: $dropdownmenu-border;
 
       > li {
         width: 100%;

diff --git a/scss/settings/_settings.scss b/scss/settings/_settings.scss
index 9e6d34534ebd2893393d4504399a41ac9d982b50..a8fe6a4fc5338bf77850f57c0232048691e5473e 100644 (file)
--- a/scss/settings/_settings.scss
+++ b/scss/settings/_settings.scss
@@ -296,7 +296,7 @@ $dropdown-sizes: (
 $dropdownmenu-arrows: true;
 $dropdownmenu-min-width: 200px;
 $dropdownmenu-background: $white;
-$dropdown-border: 1px solid $medium-gray;
+$dropdownmenu-border: 1px solid $medium-gray;
 
 // 18. Flex Video
 // --------------