forked from noxious/client
Adjusted global style classes
This commit is contained in:
@ -56,12 +56,8 @@ input {
|
||||
}
|
||||
}
|
||||
|
||||
.input-cyan {
|
||||
@apply py-2 px-2.5 font-titles border border-solid border-cyan bg-white/70 rounded;
|
||||
&:focus,
|
||||
&:focus-visible {
|
||||
@apply outline-2 outline-cyan;
|
||||
}
|
||||
.input-field {
|
||||
@apply px-4 py-3 text-base focus-visible:outline-none bg-gray border border-solid border-gray-500 rounded text-gray-300;
|
||||
&.inactive {
|
||||
@apply bg-gray-600/50 hover:cursor-not-allowed;
|
||||
&::placeholder {
|
||||
@ -87,20 +83,20 @@ button {
|
||||
@apply text-center;
|
||||
|
||||
&.btn-cyan {
|
||||
@apply bg-cyan drop-shadow-20 text-gray-50;
|
||||
@apply bg-cyan text-gray-50 text-base rounded py-3 px-0;
|
||||
|
||||
&.active,
|
||||
&:hover {
|
||||
@apply bg-cyan/50;
|
||||
@apply bg-cyan-800;
|
||||
}
|
||||
}
|
||||
|
||||
&.btn-red {
|
||||
@apply bg-red drop-shadow-20;
|
||||
@apply bg-red text-gray-50;
|
||||
|
||||
&.active,
|
||||
&:hover {
|
||||
@apply bg-red/50;
|
||||
@apply bg-red-300;
|
||||
}
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user