55 lines
1.0 KiB
CSS
55 lines
1.0 KiB
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 !w-fit !ml-auto !mx-auto nunito text-lg !font-semibold;
|
|
transition: transform 0.3s ease-out;
|
|
line-height: 1;
|
|
|
|
&:hover {
|
|
transform: scale(1.03);
|
|
}
|
|
}
|
|
}
|
|
.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-carhop-green-900 text-white;
|
|
}
|
|
}
|
|
}
|
|
|
|
form:not(:has(.gfield)) {
|
|
@apply form-carhop;
|
|
}
|