Added dropdown menu anchor color variable

Added dropdown menu anchor color variable so this can be customised

diff --git a/scss/components/_dropdown-menu.scss b/scss/components/_dropdown-menu.scss
index d920408fec99fb0bc4ac0c4ff4381e269f9c67d8..50efb1e1aa334ac4ec7b0875165d515275bda55d 100644 (file)
--- a/scss/components/_dropdown-menu.scss
+++ b/scss/components/_dropdown-menu.scss
@@ -10,6 +10,10 @@
 /// @type Boolean
 $dropdownmenu-arrows: true !default;
 
+/// Sets dropdown menu arrow color if arrow is used.
+/// @type Color
+$dropdownmenu-arrow-color: $anchor-color !default;
+
 /// Minimum width of dropdown sub-menus.
 /// @type Length
 $dropdownmenu-min-width: 200px !default;
@@ -42,19 +46,19 @@ $dropdownmenu-border: 1px solid $medium-gray !default;
           position: relative;
         }
         &.is-down-arrow > a::after {
-          @include css-triangle(5px, $anchor-color, down);
+          @include css-triangle(5px, $dropdownmenu-arrow-color, down);
           position: absolute;
           top: 12px;
           right: 5px;
         }
         &.is-left-arrow > a::after {
-          @include css-triangle(5px, $anchor-color, left);
+          @include css-triangle(5px, $dropdownmenu-arrow-color, left);
           float: left;
           margin-left: 0;
           margin-right: 10px;
         }
         &.is-right-arrow > a::after {
-          @include css-triangle(5px, $anchor-color, right);
+          @include css-triangle(5px, $dropdownmenu-arrow-color, right);
         }
       }