mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-09-02 10:32:41 +02:00
Code Issues Releases Wiki Activity

feat(textarea): add textarea class to inputs

Browse Source
This commit is contained in:
Igor Guastalla de Lima
2018-12-09 13:03:55 -02:00
parent b29f88ae3f
commit 2297d78c37
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@@ -112,6 +112,10 @@
<label for="error_field">.input.is-error</label> <label for="error_field">.input.is-error</label>
<input type="text" id="error_field" class="input is-error" placeholder="awesome.css"> <input type="text" id="error_field" class="input is-error" placeholder="awesome.css">
</div> </div>
<div class="field">
<label for="textarea_field">Textarea</label>
<textarea id="textarea_field" class="textarea">
</div>
</section> </section>
<section class="balloon container with-title"> <section class="balloon container with-title">

9
scss/form/inputs.scss
View File

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