Files
Reactive-Resume/client/styles/partials/_forms.scss
Amruth Pillai 9c1380f401 🚀 release v3.0.0
2022-03-06 22:48:29 +01:00

26 lines
696 B
SCSS

.form-control {
@apply flex flex-col;
span:first-child {
@apply block cursor-pointer text-[10px] font-semibold uppercase leading-6 tracking-wider;
}
input,
textarea {
@apply rounded px-4 py-2 transition;
@apply bg-neutral-100 text-neutral-800 dark:bg-neutral-800 dark:text-neutral-50;
@apply border border-transparent border-opacity-50 focus:border-neutral-400 dark:focus:border-neutral-600;
}
.error {
@apply pt-2 text-xs text-red-600 dark:text-red-400;
}
&.file {
> input {
@apply p-0;
@apply file:mr-4 file:border-0 file:bg-neutral-700 file:py-2 file:px-5 file:font-semibold file:text-neutral-50 file:hover:bg-neutral-600;
}
}
}