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.
3.0 kB · 90 lines
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091@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;
/* Heights of the sticky app chrome. Pages that fill the viewport instead of * growing the document (monitor logs) subtract both. */ --spacing-app-header: 3.5rem; --spacing-app-tabs: 41px;}
@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); --color-success: var(--success); --color-warning: var(--warning); --color-error: var(--destructive); --color-info: var(--info);}
@layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; }}
@layer components { /* GFM task lists: the checkbox replaces the bullet, like GitHub. remark-gfm * emits it disabled; drawn by hand so it mirrors the UI Checkbox instead of * the browser's greyed-out native control. */ .prose .task-list-item { list-style: none; } .prose .task-list-item > input[type="checkbox"] { appearance: none; position: relative; display: inline-block; width: 1em; height: 1em; /* hangs in the marker gutter; the markdown's own space after the box * fills the rest, so wrapped lines align with the text */ margin-inline-start: -1.5em; margin-inline-end: 0.25em; vertical-align: -0.125em; border: 1px solid var(--input); border-radius: 0.25rem; background-color: var(--background); box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); cursor: default; } .dark .prose .task-list-item > input[type="checkbox"] { background-color: color-mix(in oklab, var(--input) 30%, transparent); } .prose .task-list-item > input[type="checkbox"]:checked { border-color: var(--primary); background-color: var(--primary); } .prose .task-list-item > input[type="checkbox"]:checked::after { content: ""; position: absolute; inset: 1px; background-color: var(--primary-foreground); mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat; }}
@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); }}