From 0c96f79a88d9cb9fa41e42b69327e62497e66c11 Mon Sep 17 00:00:00 2001 From: "Zed A. Shaw" Date: Tue, 13 Jan 2026 10:26:58 -0500 Subject: [PATCH] Remove style.css since it's generated and changes each time. --- .gitignore | 1 + go.mod | 2 - go.sum | 11 - static/style.css | 1166 ---------------------------------------------- 4 files changed, 1 insertion(+), 1179 deletions(-) delete mode 100644 static/style.css diff --git a/.gitignore b/.gitignore index 852de2d..de00f02 100644 --- a/.gitignore +++ b/.gitignore @@ -33,3 +33,4 @@ public *.sqlite3 webapp bin +static/style.css diff --git a/go.mod b/go.mod index 57470a7..12d4872 100644 --- a/go.mod +++ b/go.mod @@ -21,7 +21,6 @@ require ( require ( github.com/andybalholm/brotli v1.2.0 // indirect - github.com/apapsch/go-jsonmerge/v2 v2.0.0 // indirect github.com/cespare/xxhash/v2 v2.3.0 // indirect github.com/chromedp/cdproto v0.0.0-20250803210736-d308e07a266d // indirect github.com/chromedp/sysutil v1.1.0 // indirect @@ -49,7 +48,6 @@ require ( github.com/mattn/go-colorable v0.1.14 // indirect github.com/mattn/go-isatty v0.0.20 // indirect github.com/mattn/go-runewidth v0.0.19 // indirect - github.com/oapi-codegen/runtime v1.1.2 // indirect github.com/pmezard/go-difflib v1.0.0 // indirect github.com/valyala/bytebufferpool v1.0.0 // indirect github.com/valyala/fasthttp v1.68.0 // indirect diff --git a/go.sum b/go.sum index 91b97ab..96054e2 100644 --- a/go.sum +++ b/go.sum @@ -2,12 +2,8 @@ filippo.io/edwards25519 v1.1.0 h1:FNf4tywRC1HmFuKW5xopWpigGjJKiJSV0Cqo0cJWDaA= filippo.io/edwards25519 v1.1.0/go.mod h1:BxyFTGdWcka3PhytdK4V28tE5sGfRvvvRV7EaN4VDT4= github.com/Masterminds/squirrel v1.5.4 h1:uUcX/aBc8O7Fg9kaISIUsHXdKuqehiXAMQTYX8afzqM= github.com/Masterminds/squirrel v1.5.4/go.mod h1:NNaOrjSoIDfDA40n7sr2tPNZRfjzjA400rg+riTZj10= -github.com/RaveNoX/go-jsoncommentstrip v1.0.0/go.mod h1:78ihd09MekBnJnxpICcwzCMzGrKSKYe4AqU6PDYYpjk= github.com/andybalholm/brotli v1.2.0 h1:ukwgCxwYrmACq68yiUqwIWnGY0cTPox/M94sVwToPjQ= github.com/andybalholm/brotli v1.2.0/go.mod h1:rzTDkvFWvIrjDXZHkuS16NPggd91W3kUSvPlQ1pLaKY= -github.com/apapsch/go-jsonmerge/v2 v2.0.0 h1:axGnT1gRIfimI7gJifB699GoE/oq+F2MU7Dml6nw9rQ= -github.com/apapsch/go-jsonmerge/v2 v2.0.0/go.mod h1:lvDnEdqiQrp0O42VQGgmlKpxL1AP2+08jFMw88y4klk= -github.com/bmatcuk/doublestar v1.1.1/go.mod h1:UD6OnuiIn0yFxxA2le/rnRU1G4RaI4UvFv1sNto9p6w= github.com/bsm/ginkgo/v2 v2.12.0 h1:Ny8MWAHyOepLGlLKYmXG4IEkioBysk6GpaRTLC8zwWs= github.com/bsm/ginkgo/v2 v2.12.0/go.mod h1:SwYbGRRDovPVboqFv0tPTcG1sN61LM1Z4ARdbAV9g4c= github.com/bsm/gomega v1.27.10 h1:yeMWxP2pV2fG3FgAODIY8EiRE3dy0aeFYt4l7wh6yKA= @@ -25,7 +21,6 @@ github.com/clipperhouse/stringish v0.1.1/go.mod h1:v/WhFtE1q0ovMta2+m+UbpZ+2/HEX github.com/clipperhouse/uax29/v2 v2.3.0 h1:SNdx9DVUqMoBuBoW3iLOj4FQv3dN5mDtuqwuhIGpJy4= github.com/clipperhouse/uax29/v2 v2.3.0/go.mod h1:Wn1g7MK6OoeDT0vL+Q0SQLDz/KpfsVRgg6W7ihQeh4g= github.com/creack/pty v1.1.9/go.mod h1:oKZEueFk5CKHvIhNR5MUki03XCEU+Q6VDXinZuGJ33E= -github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38= github.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c= github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38= github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f h1:lO4WD4F/rVNCu3HqELle0jiPLLBs70cWOduZpkS1E78= @@ -67,7 +62,6 @@ github.com/guregu/null/v6 v6.0.0 h1:N14VRS+4di81i1PXRiprbQJ9EM9gqBa0+KVMeS/QSjQ= github.com/guregu/null/v6 v6.0.0/go.mod h1:hrMIhIfrOZeLPZhROSn149tpw2gHkidAqxoXNyeX3iQ= github.com/jmoiron/sqlx v1.4.0 h1:1PLqN7S1UYp5t4SrVVnt4nUVNemrDAtxlulVe+Qgm3o= github.com/jmoiron/sqlx v1.4.0/go.mod h1:ZrZ7UsYB/weZdl2Bxg6jCRO9c3YHl8r3ahlKmRT4JLY= -github.com/juju/gnuflag v0.0.0-20171113085948-2ce1bb71843d/go.mod h1:2PavIy+JPciBPrBUjwbNvtwB6RQlve+hkpll6QSNmOE= github.com/klauspost/compress v1.18.1 h1:bcSGx7UbpBqMChDtsF28Lw6v/G94LPrrbMbdC3JH2co= github.com/klauspost/compress v1.18.1/go.mod h1:ZQFFVG+MdnR0P+l6wpXgIL4NTtwiKIdBnrBd8Nrxr+0= github.com/kr/pretty v0.1.0/go.mod h1:dAy3ld7l9f0ibDNOQOHHMYYIIbhfbHSm3C4ZsoJORNo= @@ -97,8 +91,6 @@ github.com/mattn/go-runewidth v0.0.19/go.mod h1:XBkDxAl56ILZc9knddidhrOlY5R/pDhg github.com/mattn/go-sqlite3 v1.14.22/go.mod h1:Uh1q+B4BYcTPb+yiD3kU8Ct7aC0hY9fxUwlHK0RXw+Y= github.com/mattn/go-sqlite3 v1.14.32 h1:JD12Ag3oLy1zQA+BNn74xRgaBbdhbNIDYvQUEuuErjs= github.com/mattn/go-sqlite3 v1.14.32/go.mod h1:Uh1q+B4BYcTPb+yiD3kU8Ct7aC0hY9fxUwlHK0RXw+Y= -github.com/oapi-codegen/runtime v1.1.2 h1:P2+CubHq8fO4Q6fV1tqDBZHCwpVpvPg7oKiYzQgXIyI= -github.com/oapi-codegen/runtime v1.1.2/go.mod h1:SK9X900oXmPWilYR5/WKPzt3Kqxn/uS/+lbpREv+eCg= github.com/orisano/pixelmatch v0.0.0-20220722002657-fb0b55479cde h1:x0TT0RDC7UhAVbbWWBzr41ElhJx5tXPWkIHA2HWPRuw= github.com/orisano/pixelmatch v0.0.0-20220722002657-fb0b55479cde/go.mod h1:nZgzbfBr3hhjoZnS66nKrHmduYNpc34ny7RK4z5/HM0= github.com/plutov/paypal/v4 v4.17.0 h1:FtqBQ/ENdSw40NsoZK2aRW9zWhMNM+TaQhH3dzDtSqg= @@ -110,10 +102,7 @@ github.com/redis/go-redis/v9 v9.17.2/go.mod h1:u410H11HMLoB+TP67dz8rL9s6QW2j76l0 github.com/rogpeppe/go-internal v1.6.1/go.mod h1:xXDCJY+GAPziupqXw64V24skbSoqbTEfhy4qGm1nDQc= github.com/rogpeppe/go-internal v1.14.1 h1:UQB4HGPB6osV0SQTLymcB4TgvyWu6ZyliaW0tI/otEQ= github.com/rogpeppe/go-internal v1.14.1/go.mod h1:MaRKkUm5W0goXpeCfT7UZI6fk/L7L7so1lCWt35ZSgc= -github.com/spkg/bom v0.0.0-20160624110644-59b7046e48ad/go.mod h1:qLr4V1qq6nMqFKkMo8ZTx3f+BZEkzsRUY10Xsm2mwU0= -github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME= github.com/stretchr/testify v1.2.2/go.mod h1:a8OnRcib4nhh0OaRAV+Yts87kKdq0PP7pXfy6kDkUVs= -github.com/stretchr/testify v1.3.0/go.mod h1:M5WIy9Dh21IEIfnGCwXGc5bZfKNJtfHm1UVUgZn+9EI= github.com/stretchr/testify v1.11.1 h1:7s2iGBzp5EwR7/aIZr8ao5+dra3wiQyKjjFuvgVKu7U= github.com/stretchr/testify v1.11.1/go.mod h1:wZwfW3scLgRK+23gO65QZefKpKQRnfz6sD981Nm4B6U= github.com/valyala/bytebufferpool v1.0.0 h1:GqA5TC/0021Y/b9FG4Oi9Mr3q7XYx6KllzawFIhcdPw= diff --git a/static/style.css b/static/style.css deleted file mode 100644 index c4a5147..0000000 --- a/static/style.css +++ /dev/null @@ -1,1166 +0,0 @@ -/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */ -@layer properties; -@layer theme, base, components, utilities; -@layer theme { - :root, :host { - --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', - 'Noto Color Emoji'; - --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', - monospace; - --color-red-50: oklch(97.1% 0.013 17.38); - --color-red-300: oklch(80.8% 0.114 19.571); - --color-red-500: oklch(63.7% 0.237 25.331); - --color-red-800: oklch(44.4% 0.177 26.899); - --color-orange-500: oklch(70.5% 0.213 47.604); - --color-yellow-300: oklch(90.5% 0.182 98.111); - --color-green-400: oklch(79.2% 0.209 151.711); - --color-teal-300: oklch(85.5% 0.138 181.071); - --color-blue-400: oklch(70.7% 0.165 254.624); - --color-purple-300: oklch(82.7% 0.119 306.383); - --color-gray-50: oklch(98.5% 0.0 247.839); - --color-gray-100: oklch(96.7% 0.0 264.542); - --color-gray-200: oklch(92.8% 0.0 264.531); - --color-gray-300: oklch(87.2% 0.0 258.338); - --color-gray-400: oklch(70.7% 0.0 261.325); - --color-gray-500: oklch(55.1% 0.0 264.364); - --color-gray-600: oklch(44.6% 0.0 256.802); - --color-gray-700: oklch(37.3% 0.0 259.733); - --color-gray-800: oklch(27.8% 0.0 256.848); - --color-gray-900: oklch(21% 0.0 264.665); - --color-gray-950: oklch(13% 0.0 261.692); - --color-black: #000; - --color-white: #fff; - --spacing: 0.25rem; - --container-xs: 20rem; - --container-sm: 24rem; - --container-md: 28rem; - --container-lg: 32rem; - --container-xl: 36rem; - --container-4xl: 56rem; - --text-sm: 0.875rem; - --text-sm--line-height: calc(1.25 / 0.875); - --text-lg: 1.125rem; - --text-lg--line-height: calc(1.75 / 1.125); - --text-xl: 1.25rem; - --text-xl--line-height: calc(1.75 / 1.25); - --text-2xl: 1.5rem; - --text-2xl--line-height: calc(2 / 1.5); - --text-3xl: 1.875rem; - --text-3xl--line-height: calc(2.25 / 1.875); - --text-4xl: 2.25rem; - --text-4xl--line-height: calc(2.5 / 2.25); - --text-5xl: 3rem; - --text-5xl--line-height: 1; - --text-6xl: 3.75rem; - --text-6xl--line-height: 1; - --font-weight-light: 300; - --font-weight-semibold: 600; - --font-weight-bold: 700; - --radius-sm: 0.25rem; - --radius-md: 0.375rem; - --radius-lg: 0.5rem; - --radius-xl: 0.75rem; - --aspect-video: 16 / 9; - --default-transition-duration: 150ms; - --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - --default-font-family: var(--font-sans); - --default-mono-font-family: var(--font-mono); - } -} -@layer base { - *, ::after, ::before, ::backdrop, ::file-selector-button { - box-sizing: border-box; - margin: 0; - padding: 0; - border: 0 solid; - } - html, :host { - line-height: 1.5; - -webkit-text-size-adjust: 100%; - tab-size: 4; - font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'); - font-feature-settings: var(--default-font-feature-settings, normal); - font-variation-settings: var(--default-font-variation-settings, normal); - -webkit-tap-highlight-color: transparent; - } - hr { - height: 0; - color: inherit; - border-top-width: 1px; - } - abbr:where([title]) { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; - } - h1, h2, h3, h4, h5, h6 { - font-size: inherit; - font-weight: inherit; - } - a { - color: inherit; - -webkit-text-decoration: inherit; - text-decoration: inherit; - } - b, strong { - font-weight: bolder; - } - code, kbd, samp, pre { - font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace); - font-feature-settings: var(--default-mono-font-feature-settings, normal); - font-variation-settings: var(--default-mono-font-variation-settings, normal); - font-size: 1em; - } - small { - font-size: 80%; - } - sub, sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; - } - sub { - bottom: -0.25em; - } - sup { - top: -0.5em; - } - table { - text-indent: 0; - border-color: inherit; - border-collapse: collapse; - } - :-moz-focusring { - outline: auto; - } - progress { - vertical-align: baseline; - } - summary { - display: list-item; - } - ol, ul, menu { - list-style: none; - } - img, svg, video, canvas, audio, iframe, embed, object { - display: block; - vertical-align: middle; - } - img, video { - max-width: 100%; - height: auto; - } - button, input, select, optgroup, textarea, ::file-selector-button { - font: inherit; - font-feature-settings: inherit; - font-variation-settings: inherit; - letter-spacing: inherit; - color: inherit; - border-radius: 0; - background-color: transparent; - opacity: 1; - } - :where(select:is([multiple], [size])) optgroup { - font-weight: bolder; - } - :where(select:is([multiple], [size])) optgroup option { - padding-inline-start: 20px; - } - ::file-selector-button { - margin-inline-end: 4px; - } - ::placeholder { - opacity: 1; - } - @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { - ::placeholder { - color: currentcolor; - @supports (color: color-mix(in lab, red, red)) { - color: color-mix(in oklab, currentcolor 50%, transparent); - } - } - } - textarea { - resize: vertical; - } - ::-webkit-search-decoration { - -webkit-appearance: none; - } - ::-webkit-date-and-time-value { - min-height: 1lh; - text-align: inherit; - } - ::-webkit-datetime-edit { - display: inline-flex; - } - ::-webkit-datetime-edit-fields-wrapper { - padding: 0; - } - ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { - padding-block: 0; - } - ::-webkit-calendar-picker-indicator { - line-height: 1; - } - :-moz-ui-invalid { - box-shadow: none; - } - button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { - appearance: button; - } - ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { - height: auto; - } - [hidden]:where(:not([hidden='until-found'])) { - display: none !important; - } -} -@layer utilities { - .collapse { - visibility: collapse; - } - .visible { - visibility: visible; - } - .sticky-bottom { - position: sticky; - bottom: calc(var(--spacing) * 0); - left: calc(var(--spacing) * 0); - width: 100%; - } - .static { - position: static; - } - .top-3 { - top: calc(var(--spacing) * 3); - } - .bottom-6 { - bottom: calc(var(--spacing) * 6); - } - .left-3 { - left: calc(var(--spacing) * 3); - } - .left-40 { - left: calc(var(--spacing) * 40); - } - .container { - width: 100%; - @media (width >= 40rem) { - max-width: 40rem; - } - @media (width >= 48rem) { - max-width: 48rem; - } - @media (width >= 64rem) { - max-width: 64rem; - } - @media (width >= 80rem) { - max-width: 80rem; - } - @media (width >= 96rem) { - max-width: 96rem; - } - } - .block { - display: block; - } - .contents { - display: contents; - } - .flex { - display: flex; - } - .grid { - display: grid; - } - .inline { - display: inline; - } - .table { - display: table; - } - .table-row { - display: table-row; - } - .aspect-\[9\/12\]\! { - aspect-ratio: 9/12 !important; - } - .aspect-square\! { - aspect-ratio: 1 / 1 !important; - } - .aspect-video { - aspect-ratio: var(--aspect-video); - } - .h-15 { - height: calc(var(--spacing) * 15); - } - .max-h-10 { - max-height: calc(var(--spacing) * 10); - } - .max-h-15 { - max-height: calc(var(--spacing) * 15); - } - .max-h-15\! { - max-height: calc(var(--spacing) * 15) !important; - } - .max-h-20 { - max-height: calc(var(--spacing) * 20); - } - .min-h-screen { - min-height: 100vh; - } - .w-fit { - width: fit-content; - } - .w-full { - width: 100%; - } - .max-w-15 { - max-width: calc(var(--spacing) * 15); - } - .max-w-20 { - max-width: calc(var(--spacing) * 20); - } - .min-w-md { - min-width: var(--container-md); - } - .transform { - transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); - } - .grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - .grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - .grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - .flex-col { - flex-direction: column; - } - .items-center { - align-items: center; - } - .justify-between { - justify-content: space-between; - } - .justify-center { - justify-content: center; - } - .justify-end { - justify-content: flex-end; - } - .justify-evenly { - justify-content: space-evenly; - } - .gap-0\! { - gap: calc(var(--spacing) * 0) !important; - } - .gap-1 { - gap: calc(var(--spacing) * 1); - } - .gap-2 { - gap: calc(var(--spacing) * 2); - } - .gap-3 { - gap: calc(var(--spacing) * 3); - } - .gap-4 { - gap: calc(var(--spacing) * 4); - } - .gap-4\! { - gap: calc(var(--spacing) * 4) !important; - } - .gap-5 { - gap: calc(var(--spacing) * 5); - } - .gap-10 { - gap: calc(var(--spacing) * 10); - } - .rounded-full { - border-radius: calc(infinity * 1px); - } - .rounded-lg { - border-radius: var(--radius-lg); - } - .rounded-md { - border-radius: var(--radius-md); - } - .rounded-xl { - border-radius: var(--radius-xl); - } - .table-row { - :is(& > *) { - border-style: var(--tw-border-style); - border-width: 2px; - } - :is(& > *) { - border-color: var(--color-black); - } - :is(& > *) { - padding: calc(var(--spacing) * 1); - } - &:hover { - @media (hover: hover) { - background-color: var(--color-gray-100); - } - } - &:hover { - @media (hover: hover) { - color: var(--color-gray-950); - } - } - } - .border-1 { - border-style: var(--tw-border-style); - border-width: 1px; - } - .border-2 { - border-style: var(--tw-border-style); - border-width: 2px; - } - .table-header { - background-color: var(--color-gray-950); - color: var(--color-gray-50); - :is(& > *) { - border-inline-style: var(--tw-border-style); - border-inline-width: 1px; - } - :is(& > *) { - border-color: var(--color-black); - } - } - .border-b-1 { - border-bottom-style: var(--tw-border-style); - border-bottom-width: 1px; - } - .border-gray-300 { - border-color: var(--color-gray-300); - } - .border-gray-500 { - border-color: var(--color-gray-500); - } - .border-gray-700 { - border-color: var(--color-gray-700); - } - .btn-alert { - background-color: var(--color-red-800) !important; - color: var(--color-gray-50) !important; - } - .btn-primary { - background-color: var(--color-teal-300) !important; - color: var(--color-gray-950) !important; - } - .bg-blue-400 { - background-color: var(--color-blue-400); - } - .bg-gray-50 { - background-color: var(--color-gray-50); - } - .bg-gray-100 { - background-color: var(--color-gray-100); - } - .bg-gray-200 { - background-color: var(--color-gray-200); - } - .bg-gray-300 { - background-color: var(--color-gray-300); - } - .bg-gray-400 { - background-color: var(--color-gray-400); - } - .bg-gray-600 { - background-color: var(--color-gray-600); - } - .bg-gray-700 { - background-color: var(--color-gray-700); - } - .bg-green-400\! { - background-color: var(--color-green-400) !important; - } - .\!p-1 { - padding: calc(var(--spacing) * 1) !important; - } - .\!p-4 { - padding: calc(var(--spacing) * 4) !important; - } - .p-0\! { - padding: calc(var(--spacing) * 0) !important; - } - .p-1 { - padding: calc(var(--spacing) * 1); - } - .p-2\! { - padding: calc(var(--spacing) * 2) !important; - } - .p-4 { - padding: calc(var(--spacing) * 4); - } - .p-6 { - padding: calc(var(--spacing) * 6); - } - .pt-4 { - padding-top: calc(var(--spacing) * 4); - } - .pb-0\! { - padding-bottom: calc(var(--spacing) * 0) !important; - } - .pb-3 { - padding-bottom: calc(var(--spacing) * 3); - } - .pb-4 { - padding-bottom: calc(var(--spacing) * 4); - } - .pb-5 { - padding-bottom: calc(var(--spacing) * 5); - } - .pb-6 { - padding-bottom: calc(var(--spacing) * 6); - } - .pb-8 { - padding-bottom: calc(var(--spacing) * 8); - } - .pb-10\! { - padding-bottom: calc(var(--spacing) * 10) !important; - } - .text-center { - text-align: center; - } - .text-left { - text-align: left; - } - .align-top { - vertical-align: top; - } - .text-2xl { - font-size: var(--text-2xl); - line-height: var(--tw-leading, var(--text-2xl--line-height)); - } - .text-sm { - font-size: var(--text-sm); - line-height: var(--tw-leading, var(--text-sm--line-height)); - } - .text-xl { - font-size: var(--text-xl); - line-height: var(--tw-leading, var(--text-xl--line-height)); - } - .text-xl\! { - font-size: var(--text-xl) !important; - line-height: var(--tw-leading, var(--text-xl--line-height)) !important; - } - .font-bold { - --tw-font-weight: var(--font-weight-bold); - font-weight: var(--font-weight-bold); - } - .font-light { - --tw-font-weight: var(--font-weight-light); - font-weight: var(--font-weight-light); - } - .text-gray-50 { - color: var(--color-gray-50); - } - .text-gray-300 { - color: var(--color-gray-300); - } - .text-gray-950 { - color: var(--color-gray-950); - } - .text-orange-500 { - color: var(--color-orange-500); - } - .text-red-500 { - color: var(--color-red-500); - } - .shadow-lg { - --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - } - .transition { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - } - .\*\:text-xl { - :is(& > *) { - font-size: var(--text-xl); - line-height: var(--tw-leading, var(--text-xl--line-height)); - } - } - .\*\:text-nowrap { - :is(& > *) { - text-wrap: nowrap; - } - } - .hover\:btn-alert { - &:hover { - @media (hover: hover) { - background-color: var(--color-red-800) !important; - color: var(--color-gray-50) !important; - } - } - } - .hover\:btn-hover { - &:hover { - @media (hover: hover) { - background-color: var(--color-gray-900) !important; - color: var(--color-gray-50) !important; - } - } - } - .sm\:p-0 { - @media (width >= 40rem) { - padding: calc(var(--spacing) * 0); - } - } - .lg\:max-w-4xl { - @media (width >= 64rem) { - max-width: var(--container-4xl); - } - } - .dark\:bg-gray-900 { - @media (prefers-color-scheme: dark) { - background-color: var(--color-gray-900); - } - } - .dark\:text-gray-50 { - @media (prefers-color-scheme: dark) { - color: var(--color-gray-50); - } - } -} -@layer theme; -body { - color: var(--color-gray-950); - @media (prefers-color-scheme: dark) { - color: var(--color-gray-50); - } -} -main { - display: flex; - min-height: 100vh; - flex-direction: column; - align-items: center; - justify-content: stretch; - gap: calc(var(--spacing) * 4); - background-color: var(--color-gray-200); - padding: calc(var(--spacing) * 0); - color: var(--color-black); - @media (prefers-color-scheme: dark) { - background-color: var(--color-gray-900); - } - @media (prefers-color-scheme: dark) { - color: var(--color-gray-50); - } -} -header { - display: flex; - flex-direction: column; - align-items: center; - justify-content: stretch; - background-color: var(--color-gray-950); -} -footer { - display: flex; - justify-content: center; - background-color: var(--color-gray-950); - padding: calc(var(--spacing) * 1); - font-size: var(--text-lg); - line-height: var(--tw-leading, var(--text-lg--line-height)); - color: var(--color-gray-50); -} -nav { - display: flex; - width: 100%; - align-items: center; - justify-content: center; - justify-content: space-evenly; - :is(& > *) { - flex: 1; - } - :is(& > *) { - font-size: var(--text-xl); - line-height: var(--tw-leading, var(--text-xl--line-height)); - } - :is(& > *) { - color: var(--color-gray-50); - } - @media (width >= 64rem) { - width: var(--container-4xl); - } -} -a { - text-decoration-line: underline; -} -nav > a { - display: flex; - align-items: center; - justify-content: center; - padding-top: calc(var(--spacing) * 1); -} -code { - speak-as: literal-punctuation; - display: inline-block; - background-color: var(--color-gray-800); - color: var(--color-gray-50); -} -pre { - margin-bottom: calc(var(--spacing) * 4); - border-style: var(--tw-border-style); - border-width: 1px; - border-color: var(--color-gray-600); - background-color: var(--color-gray-950); - padding: calc(var(--spacing) * 1); -} -pre > code { - background-color: var(--color-gray-950) !important; - padding: calc(var(--spacing) * 1); -} -h1 { - margin-top: calc(var(--spacing) * 4); - margin-bottom: calc(var(--spacing) * 2); - font-size: var(--text-5xl); - line-height: var(--tw-leading, var(--text-5xl--line-height)); - @media (width >= 40rem) { - font-size: var(--text-6xl); - line-height: var(--tw-leading, var(--text-6xl--line-height)); - } -} -h2 { - margin-top: calc(var(--spacing) * 4); - margin-bottom: calc(var(--spacing) * 2); - font-size: var(--text-4xl); - line-height: var(--tw-leading, var(--text-4xl--line-height)); - @media (width >= 40rem) { - font-size: var(--text-5xl); - line-height: var(--tw-leading, var(--text-5xl--line-height)); - } -} -h3 { - margin-top: calc(var(--spacing) * 4); - margin-bottom: calc(var(--spacing) * 2); - font-size: var(--text-3xl); - line-height: var(--tw-leading, var(--text-3xl--line-height)); - @media (width >= 40rem) { - font-size: var(--text-4xl); - line-height: var(--tw-leading, var(--text-4xl--line-height)); - } -} -h4 { - margin-top: calc(var(--spacing) * 4); - margin-bottom: calc(var(--spacing) * 2); - font-size: var(--text-2xl); - line-height: var(--tw-leading, var(--text-2xl--line-height)); - @media (width >= 40rem) { - font-size: var(--text-3xl); - line-height: var(--tw-leading, var(--text-3xl--line-height)); - } -} -h5 { - margin-top: calc(var(--spacing) * 4); - margin-bottom: calc(var(--spacing) * 2); - font-size: var(--text-2xl); - line-height: var(--tw-leading, var(--text-2xl--line-height)); - @media (width >= 40rem) { - font-size: var(--text-2xl); - line-height: var(--tw-leading, var(--text-2xl--line-height)); - } -} -details { - border-radius: var(--radius-lg); - background-color: var(--color-gray-200); - padding: calc(var(--spacing) * 2); - font-size: var(--text-xl); - line-height: var(--tw-leading, var(--text-xl--line-height)); - color: var(--color-gray-950); -} -aside { - display: flex; - flex-direction: column; - gap: calc(var(--spacing) * 4); - border-radius: 0; - background-color: var(--color-gray-300); - padding: calc(var(--spacing) * 4); - font-size: var(--text-2xl); - line-height: var(--tw-leading, var(--text-2xl--line-height)); - --tw-font-weight: var(--font-weight-semibold); - font-weight: var(--font-weight-semibold); - color: var(--color-gray-950); - @media (prefers-color-scheme: dark) { - background-color: var(--color-gray-800); - } - @media (prefers-color-scheme: dark) { - color: var(--color-gray-50); - } -} -aside > mark { - border-radius: var(--radius-sm); - background-color: var(--color-gray-300); - padding: calc(var(--spacing) * 1); -} -aside > mark.info { - background-color: var(--color-purple-300); -} -aside > mark.warning { - background-color: var(--color-yellow-300); -} -aside > mark.alert { - background-color: var(--color-red-300); -} -card { - display: flex; - max-width: var(--container-md); - flex-direction: column; - border-radius: var(--radius-lg); - background-color: var(--color-gray-200); - --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - outline-style: var(--tw-outline-style); - outline-width: 1px; - @media (prefers-color-scheme: dark) { - background-color: var(--color-gray-800); - } - @media (prefers-color-scheme: dark) { - color: var(--color-gray-100); - } -} -card > top { - text-align: center; - font-size: var(--text-3xl); - line-height: var(--tw-leading, var(--text-3xl--line-height)); - --tw-font-weight: var(--font-weight-bold); - font-weight: var(--font-weight-bold); - @media (prefers-color-scheme: dark) { - color: var(--color-gray-50); - } -} -card > top > img { - border-top-left-radius: var(--radius-lg); - border-top-right-radius: var(--radius-lg); -} -card > top > shape { - border-top-left-radius: var(--radius-lg); - border-top-right-radius: var(--radius-lg); -} -card > bottom { - display: flex; - justify-content: stretch; - gap: calc(var(--spacing) * 2); - padding: calc(var(--spacing) * 3); - color: var(--color-gray-50); - :is(& > *) { - flex: 1; - } -} -card > middle { - display: flex; - flex-direction: column; - gap: calc(var(--spacing) * 4); - padding: calc(var(--spacing) * 4); - font-size: var(--text-xl); - line-height: var(--tw-leading, var(--text-xl--line-height)); -} -label { - --tw-font-weight: var(--font-weight-bold); - font-weight: var(--font-weight-bold); - color: var(--color-gray-950); - @media (prefers-color-scheme: dark) { - color: var(--color-gray-100); - } -} -input { - border-radius: var(--radius-sm); - background-color: var(--color-gray-200); - padding: calc(var(--spacing) * 1); - color: var(--color-gray-950); - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - outline-style: var(--tw-outline-style); - outline-width: 1px; - @media (prefers-color-scheme: dark) { - color: var(--color-gray-950); - } -} -input::placeholder { - color: var(--color-gray-700); - @media (prefers-color-scheme: dark) { - color: var(--color-gray-700); - } -} -button { - border-radius: var(--radius-sm); - background-color: var(--color-gray-600); - padding: calc(var(--spacing) * 3); - color: var(--color-gray-50); - --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - @media (prefers-color-scheme: dark) { - background-color: var(--color-gray-300); - } - @media (prefers-color-scheme: dark) { - color: var(--color-gray-950); - } -} -blockquote { - border-left-style: var(--tw-border-style); - border-left-width: 5px; - border-color: var(--color-gray-800); - background-color: var(--color-gray-200); - padding: calc(var(--spacing) * 2); - color: var(--color-black); - @media (prefers-color-scheme: dark) { - border-color: var(--color-black); - } - @media (prefers-color-scheme: dark) { - background-color: var(--color-gray-700); - } - @media (prefers-color-scheme: dark) { - color: var(--color-white); - } -} -shape { - display: flex; - aspect-ratio: 1 / 1; - flex-direction: column; - align-items: center; - justify-content: center; - background-color: var(--color-gray-300); - padding: calc(var(--spacing) * 1); - color: var(--color-gray-950); -} -shape.tiny { - width: calc(var(--spacing) * 15); - max-width: calc(var(--spacing) * 15); - min-width: calc(var(--spacing) * 15); - padding: calc(var(--spacing) * 0); -} -shape.xxs { - width: calc(var(--spacing) * 30); - max-width: calc(var(--spacing) * 30); - min-width: calc(var(--spacing) * 30); - padding: calc(var(--spacing) * 0); -} -shape.xs { - width: var(--container-xs); - max-width: var(--container-xs); - min-width: var(--container-xs); -} -shape.sm { - width: var(--container-sm); - max-width: var(--container-sm); - min-width: var(--container-sm); -} -shape.md { - width: var(--container-md); - max-width: var(--container-md); - min-width: var(--container-md); -} -shape.lg { - width: var(--container-lg); - max-width: var(--container-lg); - min-width: var(--container-lg); -} -shape.xl { - width: var(--container-xl); - max-width: var(--container-xl); - min-width: var(--container-xl); -} -shape.video { - aspect-ratio: var(--aspect-video); - width: 100%; -} -block { - display: flex; - flex-direction: column; - gap: calc(var(--spacing) * 4); - padding: calc(var(--spacing) * 4); -} -block.center-horizontal { - align-items: center; -} -block.center-vertical { - justify-content: center; -} -bar { - display: flex; - flex-direction: column; - gap: calc(var(--spacing) * 4); - padding: calc(var(--spacing) * 4); - @media (width >= 40rem) { - flex-direction: row; - } -} -bar.center-horizontal { - justify-content: center; -} -bar.center-vertical { - align-items: center; -} -stack { - display: grid; - grid-template-rows: 1fr; - grid-template-columns: 1fr; - grid-template-areas: "cover"; -} -stack > * { - width: 100%; - height: 100%; - position: relative; - grid-area: cover; -} -stack > .top { - z-index: 10; -} -grid { - display: grid; - gap: calc(var(--spacing) * 2); - padding: calc(var(--spacing) * 4); -} -hr { - visibility: hidden; -} -select { - border-radius: var(--radius-lg); - border-style: var(--tw-border-style); - border-width: 1px; - border-color: var(--color-gray-600); - background-color: var(--color-gray-800); - padding: calc(var(--spacing) * 1); - color: var(--color-red-50); -} -table { - border-radius: var(--radius-sm); - background-color: var(--color-gray-200); - --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - @media (prefers-color-scheme: dark) { - background-color: var(--color-gray-800); - } -} -@property --tw-rotate-x { - syntax: "*"; - inherits: false; -} -@property --tw-rotate-y { - syntax: "*"; - inherits: false; -} -@property --tw-rotate-z { - syntax: "*"; - inherits: false; -} -@property --tw-skew-x { - syntax: "*"; - inherits: false; -} -@property --tw-skew-y { - syntax: "*"; - inherits: false; -} -@property --tw-border-style { - syntax: "*"; - inherits: false; - initial-value: solid; -} -@property --tw-font-weight { - syntax: "*"; - inherits: false; -} -@property --tw-shadow { - syntax: "*"; - inherits: false; - initial-value: 0 0 #0000; -} -@property --tw-shadow-color { - syntax: "*"; - inherits: false; -} -@property --tw-shadow-alpha { - syntax: ""; - inherits: false; - initial-value: 100%; -} -@property --tw-inset-shadow { - syntax: "*"; - inherits: false; - initial-value: 0 0 #0000; -} -@property --tw-inset-shadow-color { - syntax: "*"; - inherits: false; -} -@property --tw-inset-shadow-alpha { - syntax: ""; - inherits: false; - initial-value: 100%; -} -@property --tw-ring-color { - syntax: "*"; - inherits: false; -} -@property --tw-ring-shadow { - syntax: "*"; - inherits: false; - initial-value: 0 0 #0000; -} -@property --tw-inset-ring-color { - syntax: "*"; - inherits: false; -} -@property --tw-inset-ring-shadow { - syntax: "*"; - inherits: false; - initial-value: 0 0 #0000; -} -@property --tw-ring-inset { - syntax: "*"; - inherits: false; -} -@property --tw-ring-offset-width { - syntax: ""; - inherits: false; - initial-value: 0px; -} -@property --tw-ring-offset-color { - syntax: "*"; - inherits: false; - initial-value: #fff; -} -@property --tw-ring-offset-shadow { - syntax: "*"; - inherits: false; - initial-value: 0 0 #0000; -} -@property --tw-outline-style { - syntax: "*"; - inherits: false; - initial-value: solid; -} -@layer properties { - @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { - *, ::before, ::after, ::backdrop { - --tw-rotate-x: initial; - --tw-rotate-y: initial; - --tw-rotate-z: initial; - --tw-skew-x: initial; - --tw-skew-y: initial; - --tw-border-style: solid; - --tw-font-weight: initial; - --tw-shadow: 0 0 #0000; - --tw-shadow-color: initial; - --tw-shadow-alpha: 100%; - --tw-inset-shadow: 0 0 #0000; - --tw-inset-shadow-color: initial; - --tw-inset-shadow-alpha: 100%; - --tw-ring-color: initial; - --tw-ring-shadow: 0 0 #0000; - --tw-inset-ring-color: initial; - --tw-inset-ring-shadow: 0 0 #0000; - --tw-ring-inset: initial; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-offset-shadow: 0 0 #0000; - --tw-outline-style: solid; - } - } -}