From 753bd68f2f4b007a4d7490b4d4f2624b26955f65 Mon Sep 17 00:00:00 2001
From: CJ Patoilo <cjpatoilo@gmail.com>
Date: Wed, 20 May 2020 16:16:26 -0300
Subject: [PATCH] Add support for input file

---
 src/_Form.sass  | 5 +++++
 test/index.html | 9 ++++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/_Form.sass b/src/_Form.sass
index 2f6aa46..848159c 100644
--- a/src/_Form.sass
+++ b/src/_Form.sass
@@ -65,3 +65,8 @@ input[type='radio']
   display: inline-block
   font-weight: normal
   margin-left: .5rem
+
+input[type=file].input-file
+  visibility: hidden
+  width: 15rem
+  margin-left: -15rem
diff --git a/test/index.html b/test/index.html
index 7b1b1ed..08bcd5a 100644
--- a/test/index.html
+++ b/test/index.html
@@ -364,6 +364,11 @@
                     id="searchField"
                     placeholder="Search field"
                   />
+                  <label for="fileField">File field</label>
+                  <label for="fileField" class="button input-file">
+                    File field
+                  </label>
+                  <input type="file" id="fileField" class="input-file" />
                 </div>
                 <div class="column">
                   <label for="telField">Tel field</label>
@@ -423,8 +428,10 @@
                     id="datetimeLocalField"
                     placeholder="Your browser doesn't support this field."
                   />
+                  <label for="fileField">Submit button</label>
                   <input type="submit" />
-                  <input type="reset" class="button-clear" />
+                  <label for="fileField">Reset button</label>
+                  <input type="reset" />
                 </div>
               </div>
             </fieldset>