artivate/app/css/additional-styles/utility-patterns.css

56 lines
987 B
CSS
Raw Normal View History

2025-02-24 15:52:36 +07:00
/* Buttons */
.btn,
.btn-sm {
@apply inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-all;
}
.btn {
@apply px-4 py-[11px];
}
.btn-sm {
@apply px-3 py-[7px];
}
/* 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 border border-gray-700 bg-gray-900/50 focus:border-gray-600 focus:ring-0 focus:ring-offset-0;
}
.form-input,
.form-textarea,
.form-multiselect,
.form-select {
@apply rounded-lg px-4 py-2.5 text-sm text-gray-200;
}
.form-input,
.form-textarea {
@apply placeholder-gray-600;
}
.form-select {
@apply pr-10;
}
.form-checkbox,
.form-radio {
@apply text-indigo-500;
}
.form-checkbox {
@apply rounded;
}