Update new input styling
This commit is contained in:
parent
7c4028f8f1
commit
25d61525b3
3 changed files with 45 additions and 8 deletions
|
@ -12,10 +12,14 @@
|
|||
}
|
||||
|
||||
.text_input {
|
||||
@apply transition-all duration-75;
|
||||
@apply bg-neutral-800 border-neutral-600 rounded px-4 py-2 outline-none;
|
||||
@apply transition-shadow duration-75;
|
||||
@apply w-full bg-neutral-800 rounded px-4 py-2 outline-none border-0;
|
||||
|
||||
&:focus {
|
||||
@apply border-blue-600 ring-2 ring-blue-500;
|
||||
&:focus, &:active {
|
||||
@apply ring-4 ring-blue-300 ring-opacity-75;
|
||||
}
|
||||
|
||||
&.loose {
|
||||
@apply px-6 py-3;
|
||||
}
|
||||
}
|
||||
|
|
Reference in a new issue