mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-04-22 15:12:19 +02:00
Code Issues Releases Wiki Activity

Merge pull request #372 from nostalgic-css/input-file

Browse Source 
Add input-file feature
This commit is contained in:
Igor Guastalla 2019-10-17 08:24:30 -03:00 committed by GitHub
commit eef46996de
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
docs/script.js
View File

@ -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',

6
scss/elements/buttons.scss
View File

@ -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;
}
}