36 lines
612 B
SCSS
36 lines
612 B
SCSS
input:not([type="checkbox"]),
|
|
textarea,
|
|
select {
|
|
@apply outline-none w-full block;
|
|
@apply bg-gray-300 rounded;
|
|
@apply text-xs text-primary;
|
|
@apply border border-gray-300;
|
|
@apply rounded-sm font-medium;
|
|
@apply p-1.5;
|
|
|
|
transition: border cubic-bezier(0.175, 0.885, 0.32, 1.275) .3s;
|
|
|
|
&::placeholder {
|
|
@apply text-secondary text-xxs;
|
|
}
|
|
|
|
&:active,
|
|
&:focus {
|
|
@apply text-primary;
|
|
@apply bg-gray-500 border-gray-400 bg-opacity-75 border-opacity-75;
|
|
|
|
&::placeholder {
|
|
@apply text-tertiary;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
input,
|
|
textarea,
|
|
select {
|
|
.ng-invalid {
|
|
@apply border-red;
|
|
}
|
|
}
|