mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-11 08:53:59 +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
parent e323e22ee6 2f58b5e81f
commit eef46996de
2 changed files with 13 additions and 2 deletions
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-success">Success</button>
<button type="button" class="nes-btn is-warning">Warning</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-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', title: 'radios',
@@ -362,7 +367,7 @@ const sampleCollection = [
showCode: false, showCode: false,
code: `<p class="nes-balloon from-left nes-pointer"> code: `<p class="nes-balloon from-left nes-pointer">
This is not a clickable element, but it's an area of the pointer. This is not a clickable element, but it's an area of the pointer.
</p>` </p>`,
}, },
{ {
title: 'badges', 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)); @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;
}
} }