Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/chrisvander/crate. The future of cloud storage.
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123@import "tailwindcss" source("../");
@font-face { font-family: "iA Quattro"; src: url("../assets/iAWriterQuattroS-Regular.woff2"); font-display: swap;}@font-face { font-family: "iA Quattro"; src: url("../assets/iAWriterQuattroS-Bold.woff2"); font-weight: 700; font-display: swap;}
@theme { --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-heading: "iA Quattro", sans-serif;}
@theme inline { --color-page: var(--page); --color-panel: var(--panel); --color-ink: var(--ink); --color-heading: var(--heading); --color-subheading: var(--subheading); --color-muted: var(--muted); --color-line: var(--line); --color-accent: var(--accent); --color-accent-hover: var(--accent-hover); --color-subtle: var(--subtle); --color-form: var(--form); --color-control: var(--control);}
@layer base { :root { color-scheme: light dark; --page: #ffedd5; --panel: #fff; --ink: #000; --heading: #262626; --subheading: #404040; --muted: #6b7280; --line: #e5e5e5; --accent: #f97316; --accent-hover: #ea580c; --subtle: #f5f5f5; --form: #e7e5e4; --control: #fff; @apply bg-page font-sans text-base text-ink; } body { @apply bg-page; } button, a { -webkit-tap-highlight-color: transparent; } button { @apply cursor-pointer rounded-sm border-0 bg-transparent px-3 py-1.5 disabled:cursor-default disabled:opacity-55; transition: background-color 150ms, box-shadow 150ms; } input:not([type="checkbox"]), select { @apply block w-full rounded-sm border border-[#d6d3d1] bg-control px-3 py-1.5 leading-6 text-[#44403c] dark:border-[#404040] dark:text-[#fafafa]; } input::placeholder { @apply text-[#a8a29e]; opacity: 1; } input:focus { @apply border-[#2563eb]; } :focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; } h1, h2, h3 { @apply m-0 text-heading; } h1 { @apply mb-3 font-heading text-4xl/10 font-bold lg:mb-8 lg:text-5xl/12; } h2 { @apply mt-2 mb-3 text-3xl/9 font-semibold text-subheading lg:text-4xl/10; } h3 { @apply mb-1 text-2xl/8 font-semibold lg:text-3xl/9; } p { @apply mb-3; } main { @apply mx-auto mt-4 mb-12 px-4 sm:mt-8 lg:mt-16 lg:px-8 2xl:px-32; } @media (prefers-color-scheme: dark) { :root { --page: #1c1917; --panel: #262626; --ink: #ecfeff; --heading: #f5f5f5; --subheading: #e5e5e5; --muted: #d1d5db; --line: #404040; --subtle: #262626; --form: #44403c; --control: #57534e; } }}
@utility primary { @apply bg-accent text-white hover:shadow-[0_4px_6px_#0002] disabled:bg-[#d6d3d1] disabled:text-[#a3a3a3] disabled:shadow-none dark:disabled:bg-[#262626] dark:disabled:text-[#525252];}
@utility error { @apply rounded-md bg-[#fee2e2] p-3 text-[#b91c1c] [overflow-wrap:anywhere] dark:bg-[#450a0a] dark:text-[#fecaca];}