mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-21 13:31:24 +02:00
Code Issues Releases Wiki Activity

adding is-dark modifier to input

Browse Source
This commit is contained in:
Juan Pablo
2019-01-16 17:49:41 -03:00
parent 5677c546cc
commit b58e8b01c9
2 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
docs/inputs.stories.js
View File

@@ -25,6 +25,7 @@ stories.add('input.radio', () => `
'is-success': 'is-success', 'is-success': 'is-success',
'is-warning': 'is-warning', 'is-warning': 'is-warning',
'is-error': 'is-error', 'is-error': 'is-error',
'is-dark': 'is-dark',
}, ''); }, '');
return `<input type="text" id="name_field" class="nes-input ${selectedClass}" placeholder="NES.css">`; return `<input type="text" id="name_field" class="nes-input ${selectedClass}" placeholder="NES.css">`;

6
scss/form/inputs.scss
View File

@@ -13,6 +13,12 @@
@include border-style($base-color, map-get($default-colors, "hover")); @include border-style($base-color, map-get($default-colors, "hover"));
&.is-dark {
@include border-style(map-get($default-colors, "normal"), map-get($default-colors, "hover"));
color: $background-color;
background-color: $base-color;
}
&.is-success { &.is-success {
@include border-style(map-get($success-colors, "normal"), map-get($success-colors, "hover")); @include border-style(map-get($success-colors, "normal"), map-get($success-colors, "hover"));
} }