Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/openstatusHQ/openstatus. 🫖 Status page with uptime monitoring & API monitoring as code 🫖 openstatus.dev
bun drizzle-orm monitoring monitoring-as-code nextjs observability on-call open-source shadcn-ui status-page statuspage synthetic-monitoring tinybird turso uptime uptime-checker uptime-monitor
Something went wrong. Try again.
1.4 kB · 48 lines
CSS
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748@import "tailwindcss";@import "@openstatus/ui/globals";@import "tw-animate-css";@plugin "@tailwindcss/typography";
/* safelist */@source inline("has-data-[slot=slider-range]:bg-red-500");
@theme { --breakpoint-xs: 30rem;}
@theme inline { --font-cal: var(--font-cal-sans); --font-commit-mono: var(--font-commit-mono); --font-sans: var(--font-inter); --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono);}
@layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; }}
@layer utilities { /* Scoped to the onboarding status-page preview so `rounded-full` collapses * to 0 when the active theme sets `--radius: 0` (every theme except the * Rounded one). Mirrors the global override in * `apps/status-page/src/app/globals.css` so the preview matches the real * page's rendering. The `* 99999999` dance avoids `infinity * 1px` issues * when `--radius` is 0. */ [data-status-preview] .rounded-full { border-radius: calc(var(--radius) * 99999999); } [data-status-preview] .rounded-b-full { border-bottom-left-radius: calc(var(--radius) * 99999999); border-bottom-right-radius: calc(var(--radius) * 99999999); } [data-status-preview] .rounded-t-full { border-top-left-radius: calc(var(--radius) * 99999999); border-top-right-radius: calc(var(--radius) * 99999999); }}