Internet plus Telewizja, dodanie modal, poprawki w Markdown
This commit is contained in:
57
src/styles/modal.css
Normal file
57
src/styles/modal.css
Normal file
@@ -0,0 +1,57 @@
|
||||
/* MODAL — FULLSCREEN OVERLAY */
|
||||
|
||||
.fuz-modal-overlay {
|
||||
@apply fixed inset-0 z-[9999] flex flex-col;
|
||||
background: rgba(0, 0, 0, 0.65);
|
||||
backdrop-filter: blur(6px);
|
||||
animation: fadeIn 0.25s ease-out forwards;
|
||||
}
|
||||
|
||||
/* CLOSE BUTTON */
|
||||
.fuz-modal-close {
|
||||
@apply absolute top-4 right-6 text-3xl font-bold cursor-pointer transition-opacity;
|
||||
color: var(--fuz-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(--fuz-bg);
|
||||
color: var(--fuz-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(--fuz-text);
|
||||
}
|
||||
|
||||
/* CONTENT STYLE */
|
||||
.fuz-modal-content p {
|
||||
@apply leading-relaxed text-2xl text-center;
|
||||
}
|
||||
|
||||
.fuz-modal-content p img {
|
||||
@apply mt-2 leading-relaxed;
|
||||
}
|
||||
/* ANIMATIONS */
|
||||
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user