77 lines
1.7 KiB
CSS
77 lines
1.7 KiB
CSS
/* Forms */
|
|
input[type="search"]::-webkit-search-decoration,
|
|
input[type="search"]::-webkit-search-cancel-button,
|
|
input[type="search"]::-webkit-search-results-button,
|
|
input[type="search"]::-webkit-search-results-decoration {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
.form-input,
|
|
.form-textarea,
|
|
.form-multiselect,
|
|
.form-select,
|
|
.form-checkbox,
|
|
.form-radio {
|
|
@apply bg-gray-700/60 border-2 focus:ring-0 focus:ring-offset-0 disabled:bg-gray-700/30 disabled:border-gray-700 disabled:hover:border-gray-700;
|
|
}
|
|
|
|
.form-checkbox {
|
|
@apply rounded;
|
|
}
|
|
|
|
.form-input,
|
|
.form-textarea,
|
|
.form-multiselect,
|
|
.form-select {
|
|
@apply text-sm text-gray-100 leading-5 py-2 px-3 border-gray-700 focus:border-primary-500 shadow-sm rounded-lg;
|
|
}
|
|
|
|
.form-input,
|
|
.form-textarea {
|
|
@apply placeholder-gray-700;
|
|
}
|
|
|
|
.form-select {
|
|
@apply pr-10;
|
|
}
|
|
|
|
.form-checkbox,
|
|
.form-radio {
|
|
@apply text-primary-500 checked:bg-primary-500 checked:border-transparent border border-gray-700/60 focus:border-primary-500/50;
|
|
}
|
|
|
|
/* Switch element */
|
|
.form-switch {
|
|
@apply relative select-none;
|
|
width: 44px;
|
|
}
|
|
|
|
.form-switch label {
|
|
@apply block overflow-hidden cursor-pointer h-6 rounded-full;
|
|
}
|
|
|
|
.form-switch label > span:first-child {
|
|
@apply absolute block rounded-full;
|
|
width: 20px;
|
|
height: 20px;
|
|
top: 2px;
|
|
left: 2px;
|
|
right: 50%;
|
|
transition: all .15s ease-out;
|
|
}
|
|
|
|
.form-switch input[type="checkbox"]:checked + label {
|
|
@apply bg-primary-600;
|
|
}
|
|
|
|
.form-switch input[type="checkbox"]:checked + label > span:first-child {
|
|
left: 22px;
|
|
}
|
|
|
|
.form-switch input[type="checkbox"]:disabled + label {
|
|
@apply cursor-not-allowed bg-gray-700/20 border border-gray-700/60;
|
|
}
|
|
|
|
.form-switch input[type="checkbox"]:disabled + label > span:first-child {
|
|
@apply bg-gray-600;
|
|
} |