From 2f58b5e81f148c5deb92ef687d33be9a69ee2e58 Mon Sep 17 00:00:00 2001
From: BcRikko <s.shin1106@gmail.com>
Date: Thu, 17 Oct 2019 17:41:21 +0900
Subject: [PATCH] feat(buttons.scss): add input-file feature

close #245
---
 docs/script.js             | 9 +++++++--
 scss/elements/buttons.scss | 6 ++++++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/docs/script.js b/docs/script.js
index 23ad9e2..ad67542 100644
--- a/docs/script.js
+++ b/docs/script.js
@@ -17,7 +17,12 @@ const sampleCollection = [
 <button type="button" class="nes-btn is-success">Success</button>
 <button type="button" class="nes-btn is-warning">Warning</button>
 <button type="button" class="nes-btn is-error">Error</button>
-<button type="button" class="nes-btn is-disabled">Disabled</button>`,
+<button type="button" class="nes-btn is-disabled">Disabled</button>
+
+<label class="nes-btn">
+  <span>Select your file</span>
+  <input type="file">
+</label>`,
   },
   {
     title: 'radios',
@@ -362,7 +367,7 @@ const sampleCollection = [
     showCode: false,
     code: `<p class="nes-balloon from-left nes-pointer">
   This is not a clickable element, but it's an area of the pointer.
-</p>`
+</p>`,
   },
   {
     title: 'badges',
diff --git a/scss/elements/buttons.scss b/scss/elements/buttons.scss
index 99a7285..764fd8d 100644
--- a/scss/elements/buttons.scss
+++ b/scss/elements/buttons.scss
@@ -78,4 +78,10 @@
       @include btn-style(nth($type, 2), nth($type, 3), nth($type, 4), nth($type, 5));
     }
   }
+
+  input[type="file"] {
+    position: absolute;
+    pointer-events: none;
+    opacity: 0;
+  }
 }