Stylizacja, zmiana mapy zasięgu
This commit is contained in:
@@ -15,7 +15,7 @@
|
||||
}
|
||||
|
||||
.f-contact-col-2 {
|
||||
@apply bg-[var(--f-background)] text-[var(--f-text)];
|
||||
@apply bg-[--f-background] text-[--f-text];
|
||||
|
||||
h1,
|
||||
h2,
|
||||
@@ -32,11 +32,11 @@
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
@apply text-2xl font-semibold text-[var(--f-text)] m-0;
|
||||
@apply text-2xl font-semibold text-[--f-text] m-0;
|
||||
}
|
||||
|
||||
p {
|
||||
@apply text-xl mt-4 leading-relaxed text-[var(--f-text)];
|
||||
@apply text-xl mt-4 leading-relaxed text-[--f-text];
|
||||
}
|
||||
|
||||
}
|
||||
@@ -49,14 +49,14 @@
|
||||
}
|
||||
|
||||
.f-rodo {
|
||||
@apply flex items-start gap-3 text-lg text-[var(--f-text)];
|
||||
@apply flex items-start gap-3 text-lg text-[--f-text];
|
||||
|
||||
a {
|
||||
@apply text-[var(--f-link-text)];
|
||||
@apply text-[--f-link-text];
|
||||
}
|
||||
|
||||
a:hover {
|
||||
@apply text-[var(--fuz-link-hover)];
|
||||
@apply text-[--fuz-link-hover];
|
||||
}
|
||||
|
||||
input {
|
||||
@@ -73,8 +73,10 @@
|
||||
@apply w-full max-w-7xl mx-auto mt-6;
|
||||
}
|
||||
|
||||
.s-toast {
|
||||
@apply fixed top-5 left-1/2 z-[9999] pointer-events-none;
|
||||
.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;
|
||||
}
|
||||
|
||||
@@ -83,15 +85,13 @@
|
||||
}
|
||||
|
||||
.f-toast-msg {
|
||||
@apply px-5 py-3 rounded-xl shadow-lg text-sm;
|
||||
background: var(--fuz-accent);
|
||||
color: var(--fuz-accent-text);
|
||||
@apply px-5 py-3 rounded-xl shadow-lg text-lg bg-[--f-background-o] text-[--f-text];
|
||||
}
|
||||
|
||||
.f-toast-msg.success {
|
||||
background: var(--fuz-accent);
|
||||
@apply bg-green-900 text-white;
|
||||
}
|
||||
|
||||
.f-toast-msg.error {
|
||||
@apply bg-red-500 text-white;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user