feat(textarea): add textarea class to inputs

nostalgic-css · Dec 9, 2018 · 2297d78 · 2297d78
1 parent b29f88a
commit 2297d78
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -112,6 +112,10 @@ <h2 class="title">Form</h2>
         <label for="error_field">.input.is-error</label>
         <input type="text" id="error_field" class="input is-error" placeholder="awesome.css">
       </div>
+      <div class="field">
+        <label for="textarea_field">Textarea</label>
+        <textarea id="textarea_field" class="textarea">
+      </div>
     </section>
 
     <section class="balloon container with-title">

diff --git a/scss/form/inputs.scss b/scss/form/inputs.scss
@@ -1,4 +1,5 @@
-.input {
+.input,
+.textarea {
   @mixin border-style($border, $outline) {
     outline-color: $outline;
     // prettier-ignore
@@ -31,7 +32,8 @@
   > label {
     display: block;
   }
-  .input {
+  .input,
+  .textarea {
     display: block;
   }
 
@@ -47,7 +49,8 @@
       text-align: right;
     }
 
-    .input {
+    .input,
+    .textarea {
       flex-basis: 0;
       flex-grow: 5;
     }