54 lines
994 B
CSS
54 lines
994 B
CSS
.form-carhop {
|
|
input,
|
|
select,
|
|
textarea {
|
|
@apply !p-4 font-light text-xl;
|
|
|
|
&:focus-visible {
|
|
outline-style: solid;
|
|
outline-offset: 6px;
|
|
outline-color: white;
|
|
outline-width: 3px !important;
|
|
backdrop-filter: brightness(1.05) blur(10.2px);
|
|
}
|
|
}
|
|
|
|
input::placeholder,
|
|
select::placeholder,
|
|
textarea::placeholder {
|
|
@apply opacity-60;
|
|
}
|
|
input[type='submit'] {
|
|
@apply cursor-pointer font-medium !w-fit !ml-auto !mx-auto;
|
|
transition: transform 0.3s ease;
|
|
|
|
&:hover {
|
|
transform: scale(1.02);
|
|
}
|
|
}
|
|
}
|
|
.form-carhop--dark {
|
|
input,
|
|
select,
|
|
textarea {
|
|
@apply border-white;
|
|
}
|
|
input::placeholder,
|
|
select::placeholder,
|
|
textarea::placeholder {
|
|
@apply text-white;
|
|
}
|
|
|
|
input[type='submit'] {
|
|
@apply bg-white text-primary cursor-pointer;
|
|
|
|
&:hover {
|
|
@apply bg-white text-primary;
|
|
}
|
|
}
|
|
}
|
|
|
|
form:not(:has(.gfield)) {
|
|
@apply form-carhop;
|
|
}
|