61 lines
1.1 KiB
CSS
61 lines
1.1 KiB
CSS
@import 'tailwindcss';
|
|
@config "../tailwind.config.ts";
|
|
|
|
@layer base {
|
|
:root {
|
|
--border-radius-md: 0.5rem;
|
|
--color-border-tertiary: rgb(51 65 85 / 0.6);
|
|
}
|
|
|
|
body {
|
|
@apply min-h-screen bg-slate-950 text-slate-100 antialiased;
|
|
}
|
|
|
|
/* Interaktivní prvky: bez double-tap zoom zpoždění na touch zařízeních. */
|
|
button,
|
|
a,
|
|
select,
|
|
input,
|
|
textarea,
|
|
[role='button'] {
|
|
touch-action: manipulation;
|
|
}
|
|
|
|
/* Touch targets: na zařízeních bez přesného kurzoru min. 44 px na výšku. */
|
|
@media (pointer: coarse) {
|
|
button,
|
|
select,
|
|
[role='button']:not(tr) {
|
|
min-height: 44px;
|
|
}
|
|
}
|
|
|
|
/* Omezené animace dle systémové preference. */
|
|
@media (prefers-reduced-motion: reduce) {
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
animation-duration: 0.01ms !important;
|
|
animation-iteration-count: 1 !important;
|
|
transition-duration: 0.01ms !important;
|
|
scroll-behavior: auto !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
@keyframes critical-pulse {
|
|
0%,
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
opacity: 0.45;
|
|
}
|
|
}
|
|
|
|
@layer utilities {
|
|
.animate-critical-pulse {
|
|
animation: critical-pulse 1.1s ease-in-out infinite;
|
|
}
|
|
}
|