1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 | @mixin input-statuses() {
|
8 | @each $status in nb-get-statuses() {
|
9 | &.status-#{$status} {
|
10 | background-color: nb-theme(input-#{$status}-background-color);
|
11 | border-color: nb-theme(input-#{$status}-border-color);
|
12 | color: nb-theme(input-#{$status}-text-color);
|
13 |
|
14 | &::placeholder {
|
15 | color: nb-theme(input-#{$status}-placeholder-text-color);
|
16 | }
|
17 |
|
18 | &:focus {
|
19 | background-color: nb-theme(input-#{$status}-focus-background-color);
|
20 | border-color: nb-theme(input-#{$status}-focus-border-color);
|
21 | }
|
22 | &:hover {
|
23 | background-color: nb-theme(input-#{$status}-hover-background-color);
|
24 | border-color: nb-theme(input-#{$status}-hover-border-color);
|
25 | }
|
26 |
|
27 | &:disabled {
|
28 | background-color: nb-theme(input-#{$status}-disabled-background-color);
|
29 | border-color: nb-theme(input-#{$status}-disabled-border-color);
|
30 | color: nb-theme(input-#{$status}-disabled-text-color);
|
31 |
|
32 | &::placeholder {
|
33 | color: nb-theme(input-#{$status}-disabled-placeholder-text-color);
|
34 | }
|
35 | }
|
36 | }
|
37 | }
|
38 | }
|