From b58e8b01c9cd538003a9c3d82fdc598a0482d0aa Mon Sep 17 00:00:00 2001
From: Juan Pablo <any>
Date: Wed, 16 Jan 2019 17:49:41 -0300
Subject: [PATCH] adding is-dark modifier to input

---
 docs/inputs.stories.js | 1 +
 scss/form/inputs.scss  | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/docs/inputs.stories.js b/docs/inputs.stories.js
index 80f24f2..eea9b32 100644
--- a/docs/inputs.stories.js
+++ b/docs/inputs.stories.js
@@ -25,6 +25,7 @@ stories.add('input.radio', () => `
       'is-success': 'is-success',
       'is-warning': 'is-warning',
       'is-error': 'is-error',
+      'is-dark': 'is-dark',
     }, '');
 
     return `<input type="text" id="name_field" class="nes-input ${selectedClass}" placeholder="NES.css">`;
diff --git a/scss/form/inputs.scss b/scss/form/inputs.scss
index 5a33ebd..b73b791 100644
--- a/scss/form/inputs.scss
+++ b/scss/form/inputs.scss
@@ -13,6 +13,12 @@
 
   @include border-style($base-color, map-get($default-colors, "hover"));
 
+  &.is-dark {
+    @include border-style(map-get($default-colors, "normal"), map-get($default-colors, "hover"));
+
+    color: $background-color;
+    background-color: $base-color;
+  }
   &.is-success {
     @include border-style(map-get($success-colors, "normal"), map-get($success-colors, "hover"));
   }