From e285d14851d0ffed411e032a791b369b292a900c Mon Sep 17 00:00:00 2001
From: Igor Guastalla de Lima <limaguastallaigor@gmail.com>
Date: Sat, 18 May 2019 11:43:09 -0300
Subject: [PATCH] feat(select): add select is-dark class type like input
 component

---
 scss/form/selects.scss  | 8 +++++++-
 story/select.stories.js | 1 +
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/scss/form/selects.scss b/scss/form/selects.scss
index 639f336..fc3ada5 100644
--- a/scss/form/selects.scss
+++ b/scss/form/selects.scss
@@ -30,6 +30,11 @@
     }
   }
 
+  &.is-dark select {
+    color: $background-color;
+    background-color: $base-color;
+  }
+
   &::after {
     @include pixelize(3px, $dropdown, $colors);
 
@@ -44,7 +49,8 @@
   $types:
     "success" map-get($success-colors, "normal") map-get($success-colors, "hover"),
     "warning" map-get($warning-colors, "normal") map-get($warning-colors, "hover"),
-    "error" map-get($error-colors, "normal") map-get($error-colors, "hover");
+    "error" map-get($error-colors, "normal") map-get($error-colors, "hover"),
+    "dark" map-get($default-colors, "normal") map-get($default-colors, "hover");
 
   @each $type in $types {
     &.is-#{nth($type, 1)} {
diff --git a/story/select.stories.js b/story/select.stories.js
index 5bef2ff..f9bcd6f 100644
--- a/story/select.stories.js
+++ b/story/select.stories.js
@@ -12,6 +12,7 @@ stories.add('select', () => {
     'is-success': 'is-success',
     'is-warning': 'is-warning',
     'is-error': 'is-error',
+    'is-dark': 'is-dark',
   }, '');
 
   return `