Oliver
48 lines
822 B
CSS
48 lines
822 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
body {
|
|
@apply font-brand;
|
|
}
|
|
|
|
#lang-selector {
|
|
color: #ffffff;
|
|
}
|
|
|
|
#lang-selector:focus,
|
|
#lang-selector:focus-visible {
|
|
color: #201824;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
/* ── Blog post modal animations ───────────────────────── */
|
|
|
|
@keyframes modal-slide-in {
|
|
from {
|
|
opacity: 0;
|
|
transform: scale(0.95) translateY(20px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1) translateY(0);
|
|
}
|
|
}
|
|
|
|
@keyframes modal-fade-in {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.modal-animate-box {
|
|
animation: modal-slide-in 0.3s cubic-bezier(0.16, 1, 0.3, 1) both;
|
|
}
|
|
|
|
.modal-animate-backdrop {
|
|
animation: modal-fade-in 0.2s ease both;
|
|
}
|