Stylizacja, zmiana mapy zasięgu
This commit is contained in:
@@ -9,34 +9,25 @@
|
||||
|
||||
/* CLOSE BUTTON */
|
||||
.fuz-modal-close {
|
||||
@apply absolute top-4 right-6 text-3xl font-bold cursor-pointer transition-opacity;
|
||||
color: var(--f-text);
|
||||
opacity: 0.7;
|
||||
@apply absolute top-4 right-6 text-3xl font-bold cursor-pointer transition-opacity text-[--f-text] opacity-[0.7];
|
||||
}
|
||||
|
||||
.fuz-modal-close:hover {
|
||||
@apply opacity-100;
|
||||
}
|
||||
|
||||
/* PANEL — FULLSCREEN PANEL */
|
||||
.fuz-modal-panel {
|
||||
@apply w-full h-full overflow-y-auto;
|
||||
@apply px-6 py-8 md:px-12 md:py-12;
|
||||
background: var(--f-background);
|
||||
color: var(--f-text);
|
||||
@apply w-full h-full overflow-y-auto px-6 py-8 md:px-12 md:py-12 bg-[--f-background] text-[--f-text];
|
||||
}
|
||||
|
||||
/* INNER LAYOUT */
|
||||
.fuz-modal-inner {
|
||||
@apply max-w-4xl mx-auto;
|
||||
}
|
||||
|
||||
.fuz-modal-title {
|
||||
@apply text-4xl font-bold mb-8 text-center;
|
||||
color: var(--f-text);
|
||||
@apply text-4xl font-bold mb-8 text-center text-[--f-text];
|
||||
}
|
||||
|
||||
/* CONTENT STYLE */
|
||||
.fuz-modal-content p {
|
||||
@apply leading-relaxed text-2xl text-center;
|
||||
}
|
||||
@@ -44,7 +35,6 @@
|
||||
.fuz-modal-content p img {
|
||||
@apply mt-2 leading-relaxed;
|
||||
}
|
||||
/* ANIMATIONS */
|
||||
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
@@ -52,6 +42,6 @@
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
opacity: 2;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user