57 lines
970 B
CSS
57 lines
970 B
CSS
/* @tailwind base; */
|
|
|
|
.f-contact-item {
|
|
|
|
h3,
|
|
h4 {
|
|
@apply text-2xl font-semibold text-[--f-contact-item-text] m-0;
|
|
}
|
|
|
|
p:first-of-type {
|
|
@apply py-3 text-3xl text-gray-400;
|
|
}
|
|
|
|
}
|
|
|
|
.f-contact-form {
|
|
@apply space-y-1;
|
|
|
|
.f-contact-form-inner {
|
|
@apply grid grid-cols-2 gap-4
|
|
}
|
|
|
|
.f-rodo {
|
|
@apply flex items-start gap-3 text-lg text-[--f-text];
|
|
|
|
input {
|
|
@apply mt-2 h-4 w-4;
|
|
}
|
|
}
|
|
}
|
|
|
|
.f-contact-map {
|
|
@apply w-full max-w-7xl mx-auto mt-6;
|
|
}
|
|
|
|
.f-toast {
|
|
@apply fixed left-1/2 z-[999999] pointer-events-none;
|
|
top: calc(var(--nav-height, 80px) + 20px);
|
|
|
|
@apply opacity-0 -translate-y-3 -translate-x-1/2 transition-all duration-300 ease-out;
|
|
}
|
|
|
|
.f-toast.visible {
|
|
@apply opacity-100 translate-y-0;
|
|
}
|
|
|
|
.f-toast-msg {
|
|
@apply px-5 py-3 rounded-xl shadow-lg text-lg bg-[--f-background-toast] text-[--f-text];
|
|
}
|
|
|
|
.f-toast-msg.success {
|
|
@apply bg-green-900 text-white;
|
|
}
|
|
|
|
.f-toast-msg.error {
|
|
@apply bg-red-500 text-white;
|
|
} |