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

feat(select): add select is-dark class type like input component

Browse Source
This commit is contained in:
Igor Guastalla de Lima
2019-05-18 11:43:09 -03:00
parent 7c6abfdedb
commit e285d14851
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
scss/form/selects.scss
View File

@@ -30,6 +30,11 @@
} }
} }
&.is-dark select {
color: $background-color;
background-color: $base-color;
}
&::after { &::after {
@include pixelize(3px, $dropdown, $colors); @include pixelize(3px, $dropdown, $colors);
@@ -44,7 +49,8 @@
$types: $types:
"success" map-get($success-colors, "normal") map-get($success-colors, "hover"), "success" map-get($success-colors, "normal") map-get($success-colors, "hover"),
"warning" map-get($warning-colors, "normal") map-get($warning-colors, "hover"), "warning" map-get($warning-colors, "normal") map-get($warning-colors, "hover"),
"error" map-get($error-colors, "normal") map-get($error-colors, "hover"); "error" map-get($error-colors, "normal") map-get($error-colors, "hover"),
"dark" map-get($default-colors, "normal") map-get($default-colors, "hover");
@each $type in $types { @each $type in $types {
&.is-#{nth($type, 1)} { &.is-#{nth($type, 1)} {

1
story/select.stories.js
View File

@@ -12,6 +12,7 @@ stories.add('select', () => {
'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 ` return `