22 lines
756 B
CSS
22 lines
756 B
CSS
|
.checkbox {
|
||
|
@apply w-4 h-4 rounded-sm border-neutral-500 bg-neutral-600 text-primary-500;
|
||
|
|
||
|
&:focus, &:active {
|
||
|
@apply ring-2 ring-primary-500 ring-offset-2 ring-offset-neutral-700;
|
||
|
}
|
||
|
|
||
|
&.indeterminate:checked {
|
||
|
@apply text-primary-500/50 border border-primary-500;
|
||
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M5 10a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E");
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.text_input {
|
||
|
@apply transition-all duration-75;
|
||
|
@apply bg-neutral-800 border-neutral-600 rounded px-4 py-2 outline-none;
|
||
|
|
||
|
&:focus {
|
||
|
@apply border-blue-600 ring-2 ring-blue-500;
|
||
|
}
|
||
|
}
|