diff --git a/public/old-tailwind/index.html b/public/old-tailwind/index.html deleted file mode 100644 index bc018ce..0000000 --- a/public/old-tailwind/index.html +++ /dev/null @@ -1,59 +0,0 @@ - - - - - - - - Privacynerd's new home :) - - - -

Hello you!

-

This is a test paragraph!

- -
-
-

box-decoration-slice

-
Hello
World -
-
-
-

box-decoration-clone

-
Hello
World -
-
-
- -
-
- -
-
- - -
- -
Privacynerd's Gitea
-
- - - - - diff --git a/public/old-tailwind/input.css b/public/old-tailwind/input.css deleted file mode 100644 index a2057b4..0000000 --- a/public/old-tailwind/input.css +++ /dev/null @@ -1,8 +0,0 @@ -@import "tailwindcss"; - -:root { - --badge-transition-properties: rotate, translate, color, background-color, border-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; - --badge-transition-duration-color: 700ms; - --badge-transition-duration-motion: 200ms; - --badge-transition-durations: var(--badge-transition-duration-motion),var(--badge-transition-duration-motion),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color); -} \ No newline at end of file diff --git a/public/old-tailwind/output.css b/public/old-tailwind/output.css deleted file mode 100644 index 61088e4..0000000 --- a/public/old-tailwind/output.css +++ /dev/null @@ -1,2488 +0,0 @@ -/*! tailwindcss v4.0.5 | MIT License | https://tailwindcss.com */ -@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-500: oklch(0.637 0.237 25.331); - --color-amber-400: oklch(0.828 0.189 84.429); - --color-amber-600: oklch(0.666 0.179 58.318); - --color-amber-700: oklch(0.555 0.163 48.998); - --color-yellow-500: oklch(0.795 0.184 86.047); - --color-lime-300: oklch(0.897 0.196 126.665); - --color-green-400: oklch(0.792 0.209 151.711); - --color-green-600: oklch(0.627 0.194 149.214); - --color-indigo-600: oklch(0.511 0.262 276.966); - --color-violet-700: oklch(0.491 0.27 292.581); - --color-pink-500: oklch(0.656 0.241 354.308); - --color-gray-400: oklch(0.707 0.022 261.325); - --color-gray-500: oklch(0.551 0.027 264.364); - --color-neutral-900: oklch(0.205 0 0); - --color-black: #000; - --color-white: #fff; - --spacing: 0.25rem; - --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-5xl: 3rem; - --text-5xl--line-height: 1; - --font-weight-medium: 500; - --font-weight-bold: 700; - --font-weight-extrabold: 800; - --tracking-tight: -0.025em; - --radius-xl: 0.75rem; - --radius-2xl: 1rem; - --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15); - --ease-in: cubic-bezier(0.4, 0, 1, 1); - --ease-out: cubic-bezier(0, 0, 0.2, 1); - --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); - --blur-xl: 24px; - --default-transition-duration: 150ms; - --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - --default-font-family: var(--font-sans); - --default-font-feature-settings: var(--font-sans--font-feature-settings); - --default-font-variation-settings: var( - --font-sans--font-variation-settings - ); - --default-mono-font-family: var(--font-mono); - --default-mono-font-feature-settings: var( - --font-mono--font-feature-settings - ); - --default-mono-font-variation-settings: var( - --font-mono--font-variation-settings - ); - } -} -@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; - } - body { - line-height: inherit; - } - 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; - 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; - } - :-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 { - .\@container { - container-type: inline-size; - } - .\@container-\[inline-size\] { - container-type: inline-size; - } - .pointer-events-auto { - pointer-events: auto; - } - .pointer-events-none { - pointer-events: none; - } - .collapse { - visibility: collapse; - } - .invisible { - visibility: hidden; - } - .visible { - visibility: visible; - } - .sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; - } - .not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; - } - .absolute { - position: absolute; - } - .fixed { - position: fixed; - } - .relative { - position: relative; - } - .static { - position: static; - } - .sticky { - position: sticky; - } - .end-1 { - inset-inline-end: calc(var(--spacing) * 1); - } - .end-2 { - inset-inline-end: calc(var(--spacing) * 2); - } - .isolate { - isolation: isolate; - } - .isolation-auto { - isolation: auto; - } - .z-auto { - z-index: auto; - } - .order-first { - order: -9999; - } - .order-last { - order: 9999; - } - .order-none { - order: 0; - } - .col-auto { - grid-column: auto; - } - .col-span-full { - grid-column: 1 / -1; - } - .col-start-auto { - grid-column-start: auto; - } - .col-end-auto { - grid-column-end: auto; - } - .row-auto { - grid-row: auto; - } - .row-span-full { - grid-row: 1 / -1; - } - .row-start-auto { - grid-row-start: auto; - } - .row-end-auto { - grid-row-end: auto; - } - .float-end { - float: inline-end; - } - .float-left { - float: left; - } - .float-none { - float: none; - } - .float-right { - float: right; - } - .float-start { - float: inline-start; - } - .clear-both { - clear: both; - } - .clear-end { - clear: inline-end; - } - .clear-left { - clear: left; - } - .clear-none { - clear: none; - } - .clear-right { - clear: right; - } - .clear-start { - clear: inline-start; - } - .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; - } - } - .container\! { - width: 100% !important; - @media (width >= 40rem) { - max-width: 40rem !important; - } - @media (width >= 48rem) { - max-width: 48rem !important; - } - @media (width >= 64rem) { - max-width: 64rem !important; - } - @media (width >= 80rem) { - max-width: 80rem !important; - } - @media (width >= 96rem) { - max-width: 96rem !important; - } - } - .m-1 { - margin: calc(var(--spacing) * 1); - } - .m-3 { - margin: calc(var(--spacing) * 3); - } - .m-6 { - margin: calc(var(--spacing) * 6); - } - .mx-auto { - margin-inline: auto; - } - .my-auto { - margin-block: auto; - } - .mt-10 { - margin-top: calc(var(--spacing) * 10); - } - .mb-3 { - margin-bottom: calc(var(--spacing) * 3); - } - .box-border { - box-sizing: border-box; - } - .box-content { - box-sizing: content-box; - } - .line-clamp-none { - overflow: visible; - display: block; - -webkit-box-orient: horizontal; - -webkit-line-clamp: unset; - } - .block { - display: block; - } - .contents { - display: contents; - } - .flex { - display: flex; - } - .flow-root { - display: flow-root; - } - .grid { - display: grid; - } - .hidden { - display: none; - } - .inline { - display: inline; - } - .inline-block { - display: inline-block; - } - .inline-flex { - display: inline-flex; - } - .inline-grid { - display: inline-grid; - } - .inline-table { - display: inline-table; - } - .list-item { - display: list-item; - } - .table { - display: table; - } - .table-caption { - display: table-caption; - } - .table-cell { - display: table-cell; - } - .table-column { - display: table-column; - } - .table-column-group { - display: table-column-group; - } - .table-footer-group { - display: table-footer-group; - } - .table-header-group { - display: table-header-group; - } - .table-row { - display: table-row; - } - .table-row-group { - display: table-row-group; - } - .field-sizing-content { - field-sizing: content; - } - .field-sizing-fixed { - field-sizing: fixed; - } - .aspect-auto { - aspect-ratio: auto; - } - .aspect-square { - aspect-ratio: 1 / 1; - } - .size-48 { - width: calc(var(--spacing) * 48); - height: calc(var(--spacing) * 48); - } - .size-max { - width: max-content; - height: max-content; - } - .h-\[3rem\] { - height: 3rem; - } - .h-max { - height: max-content; - } - .h-screen { - height: 100vh; - } - .max-h-none { - max-height: none; - } - .max-h-screen { - max-height: 100vh; - } - .min-h-screen { - min-height: 100vh; - } - .w-1\/2 { - width: calc(1/2 * 100%); - } - .w-screen { - width: 100vw; - } - .max-w-none { - max-width: none; - } - .max-w-screen { - max-width: 100vw; - } - .min-w-screen { - min-width: 100vw; - } - .flex-auto { - flex: auto; - } - .flex-initial { - flex: 0 auto; - } - .flex-none { - flex: none; - } - .flex-shrink { - flex-shrink: 1; - } - .shrink { - flex-shrink: 1; - } - .flex-grow { - flex-grow: 1; - } - .grow { - flex-grow: 1; - } - .basis-auto { - flex-basis: auto; - } - .basis-full { - flex-basis: 100%; - } - .table-auto { - table-layout: auto; - } - .table-fixed { - table-layout: fixed; - } - .caption-bottom { - caption-side: bottom; - } - .caption-top { - caption-side: top; - } - .border-collapse { - border-collapse: collapse; - } - .border-separate { - border-collapse: separate; - } - .origin-bottom { - transform-origin: bottom; - } - .origin-bottom-left { - transform-origin: bottom left; - } - .origin-bottom-right { - transform-origin: bottom right; - } - .origin-center { - transform-origin: center; - } - .origin-left { - transform-origin: left; - } - .origin-right { - transform-origin: right; - } - .origin-top { - transform-origin: top; - } - .origin-top-left { - transform-origin: top left; - } - .origin-top-right { - transform-origin: top right; - } - .-translate-full { - --tw-translate-x: -100%; - --tw-translate-y: -100%; - translate: var(--tw-translate-x) var(--tw-translate-y); - } - .translate-full { - --tw-translate-x: 100%; - --tw-translate-y: 100%; - translate: var(--tw-translate-x) var(--tw-translate-y); - } - .-translate-z-px { - --tw-translate-z: -1px; - translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z); - } - .-translate-z-px { - --tw-translate-z: -1px; - translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z); - } - .translate-3d { - translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z); - } - .translate-none { - translate: none; - } - .translate-z-px { - --tw-translate-z: 1px; - translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z); - } - .translate-z-px { - --tw-translate-z: 1px; - translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z); - } - .scale-3d { - scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z); - } - .scale-none { - scale: none; - } - .rotate-none { - rotate: none; - } - .transform { - transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); - } - .transform-cpu { - transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); - } - .transform-gpu { - transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); - } - .transform-none { - transform: none; - } - .animate-none { - animation: none; - } - .touch-pinch-zoom { - --tw-pinch-zoom: pinch-zoom; - touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,); - } - .resize { - resize: both; - } - .resize-none { - resize: none; - } - .resize-x { - resize: horizontal; - } - .resize-y { - resize: vertical; - } - .snap-none { - scroll-snap-type: none; - } - .snap-mandatory { - --tw-scroll-snap-strictness: mandatory; - } - .snap-proximity { - --tw-scroll-snap-strictness: proximity; - } - .snap-align-none { - scroll-snap-align: none; - } - .snap-center { - scroll-snap-align: center; - } - .snap-end { - scroll-snap-align: end; - } - .snap-start { - scroll-snap-align: start; - } - .snap-always { - scroll-snap-stop: always; - } - .snap-normal { - scroll-snap-stop: normal; - } - .list-inside { - list-style-position: inside; - } - .list-outside { - list-style-position: outside; - } - .list-decimal { - list-style-type: decimal; - } - .list-disc { - list-style-type: disc; - } - .list-none { - list-style-type: none; - } - .list-image-none { - list-style-image: none; - } - .appearance-auto { - appearance: auto; - } - .appearance-none { - appearance: none; - } - .columns-auto { - columns: auto; - } - .auto-cols-auto { - grid-auto-columns: auto; - } - .auto-cols-fr { - grid-auto-columns: minmax(0, 1fr); - } - .auto-cols-max { - grid-auto-columns: max-content; - } - .auto-cols-min { - grid-auto-columns: min-content; - } - .grid-flow-col { - grid-auto-flow: column; - } - .grid-flow-col-dense { - grid-auto-flow: column dense; - } - .grid-flow-dense { - grid-auto-flow: dense; - } - .grid-flow-row { - grid-auto-flow: row; - } - .grid-flow-row-dense { - grid-auto-flow: row dense; - } - .auto-rows-auto { - grid-auto-rows: auto; - } - .auto-rows-fr { - grid-auto-rows: minmax(0, 1fr); - } - .auto-rows-max { - grid-auto-rows: max-content; - } - .auto-rows-min { - grid-auto-rows: min-content; - } - .grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - .grid-cols-none { - grid-template-columns: none; - } - .grid-cols-subgrid { - grid-template-columns: subgrid; - } - .grid-rows-none { - grid-template-rows: none; - } - .grid-rows-subgrid { - grid-template-rows: subgrid; - } - .flex-col { - flex-direction: column; - } - .flex-col-reverse { - flex-direction: column-reverse; - } - .flex-row { - flex-direction: row; - } - .flex-row-reverse { - flex-direction: row-reverse; - } - .flex-nowrap { - flex-wrap: nowrap; - } - .flex-wrap { - flex-wrap: wrap; - } - .flex-wrap-reverse { - flex-wrap: wrap-reverse; - } - .place-content-around { - place-content: space-around; - } - .place-content-baseline { - place-content: baseline; - } - .place-content-between { - place-content: space-between; - } - .place-content-center { - place-content: center; - } - .place-content-end { - place-content: end; - } - .place-content-evenly { - place-content: space-evenly; - } - .place-content-start { - place-content: start; - } - .place-content-stretch { - place-content: stretch; - } - .place-items-baseline { - place-items: baseline; - } - .place-items-center { - place-items: center; - } - .place-items-end { - place-items: end; - } - .place-items-start { - place-items: start; - } - .place-items-stretch { - place-items: stretch; - } - .content-around { - align-content: space-around; - } - .content-baseline { - align-content: baseline; - } - .content-between { - align-content: space-between; - } - .content-center { - align-content: center; - } - .content-end { - align-content: flex-end; - } - .content-evenly { - align-content: space-evenly; - } - .content-normal { - align-content: normal; - } - .content-start { - align-content: flex-start; - } - .content-stretch { - align-content: stretch; - } - .items-baseline { - align-items: baseline; - } - .items-center { - align-items: center; - } - .items-end { - align-items: flex-end; - } - .items-start { - align-items: flex-start; - } - .items-stretch { - align-items: stretch; - } - .justify-around { - justify-content: space-around; - } - .justify-baseline { - justify-content: baseline; - } - .justify-between { - justify-content: space-between; - } - .justify-center { - justify-content: center; - } - .justify-end { - justify-content: flex-end; - } - .justify-evenly { - justify-content: space-evenly; - } - .justify-normal { - justify-content: normal; - } - .justify-start { - justify-content: flex-start; - } - .justify-stretch { - justify-content: stretch; - } - .justify-items-center { - justify-items: center; - } - .justify-items-end { - justify-items: end; - } - .justify-items-normal { - justify-items: normal; - } - .justify-items-start { - justify-items: start; - } - .justify-items-stretch { - justify-items: stretch; - } - .gap-3 { - gap: calc(var(--spacing) * 3); - } - .gap-10 { - gap: calc(var(--spacing) * 10); - } - .space-y-reverse { - :where(& > :not(:last-child)) { - --tw-space-y-reverse: 1; - } - } - .space-x-reverse { - :where(& > :not(:last-child)) { - --tw-space-x-reverse: 1; - } - } - .divide-x { - :where(& > :not(:last-child)) { - --tw-divide-x-reverse: 0; - border-inline-style: var(--tw-border-style); - border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); - border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); - } - } - .divide-y { - :where(& > :not(:last-child)) { - --tw-divide-y-reverse: 0; - border-bottom-style: var(--tw-border-style); - border-top-style: var(--tw-border-style); - border-top-width: calc(1px * var(--tw-divide-y-reverse)); - border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); - } - } - .divide-y-reverse { - :where(& > :not(:last-child)) { - --tw-divide-y-reverse: 1; - } - } - .place-self-auto { - place-self: auto; - } - .place-self-center { - place-self: center; - } - .place-self-end { - place-self: end; - } - .place-self-start { - place-self: start; - } - .place-self-stretch { - place-self: stretch; - } - .self-auto { - align-self: auto; - } - .self-baseline { - align-self: baseline; - } - .self-center { - align-self: center; - } - .self-end { - align-self: flex-end; - } - .self-start { - align-self: flex-start; - } - .self-stretch { - align-self: stretch; - } - .justify-self-auto { - justify-self: auto; - } - .justify-self-center { - justify-self: center; - } - .justify-self-end { - justify-self: flex-end; - } - .justify-self-start { - justify-self: flex-start; - } - .justify-self-stretch { - justify-self: stretch; - } - .truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - .scroll-auto { - scroll-behavior: auto; - } - .scroll-smooth { - scroll-behavior: smooth; - } - .rounded { - border-radius: 0.25rem; - } - .rounded-2xl { - border-radius: var(--radius-2xl); - } - .rounded-xl { - border-radius: var(--radius-xl); - } - .rounded-s { - border-start-start-radius: 0.25rem; - border-end-start-radius: 0.25rem; - } - .rounded-ss { - border-start-start-radius: 0.25rem; - } - .rounded-e { - border-start-end-radius: 0.25rem; - border-end-end-radius: 0.25rem; - } - .rounded-se { - border-start-end-radius: 0.25rem; - } - .rounded-ee { - border-end-end-radius: 0.25rem; - } - .rounded-es { - border-end-start-radius: 0.25rem; - } - .rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - } - .rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; - } - .rounded-tl { - border-top-left-radius: 0.25rem; - } - .rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - } - .rounded-tr { - border-top-right-radius: 0.25rem; - } - .rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - } - .rounded-br { - border-bottom-right-radius: 0.25rem; - } - .rounded-bl { - border-bottom-left-radius: 0.25rem; - } - .border { - border-style: var(--tw-border-style); - border-width: 1px; - } - .border-2 { - border-style: var(--tw-border-style); - border-width: 2px; - } - .border-x { - border-inline-style: var(--tw-border-style); - border-inline-width: 1px; - } - .border-y { - border-block-style: var(--tw-border-style); - border-block-width: 1px; - } - .border-s { - border-inline-start-style: var(--tw-border-style); - border-inline-start-width: 1px; - } - .border-e { - border-inline-end-style: var(--tw-border-style); - border-inline-end-width: 1px; - } - .border-t { - border-top-style: var(--tw-border-style); - border-top-width: 1px; - } - .border-r { - border-right-style: var(--tw-border-style); - border-right-width: 1px; - } - .border-b { - border-bottom-style: var(--tw-border-style); - border-bottom-width: 1px; - } - .border-l { - border-left-style: var(--tw-border-style); - border-left-width: 1px; - } - .border-dashed { - --tw-border-style: dashed; - border-style: dashed; - } - .border-dotted { - --tw-border-style: dotted; - border-style: dotted; - } - .border-double { - --tw-border-style: double; - border-style: double; - } - .border-hidden { - --tw-border-style: hidden; - border-style: hidden; - } - .border-none { - --tw-border-style: none; - border-style: none; - } - .border-solid { - --tw-border-style: solid; - border-style: solid; - } - .border-green-400 { - border-color: var(--color-green-400); - } - .bg-\(--my_variable\) { - background-color: var(--my_variable); - } - .bg-\(color\:--my-color\) { - background-color: var(--my-color); - } - .bg-\[\#0088cc\] { - background-color: #0088cc; - } - .bg-\[color\:var\(--my-color\)\] { - background-color: var(--my-color); - } - .bg-\[var\(--my_variable\)\] { - background-color: var(--my_variable); - } - .bg-red-500 { - background-color: var(--color-red-500); - } - .bg-red-500\/50 { - background-color: color-mix(in oklab, var(--color-red-500) 50%, transparent); - } - .bg-red-500\/\[50\%\] { - background-color: color-mix(in oklab, var(--color-red-500) 50%, transparent); - } - .bg-white { - background-color: var(--color-white); - } - .-bg-conic { - --tw-gradient-position: in oklab; - background-image: conic-gradient(var(--tw-gradient-stops)); - } - .bg-conic { - --tw-gradient-position: in oklab; - background-image: conic-gradient(var(--tw-gradient-stops)); - } - .bg-linear-90\/decreasing { - --tw-gradient-position: 90deg in oklch decreasing hue; - background-image: linear-gradient(var(--tw-gradient-stops)); - } - .bg-linear-120\/decreasing { - --tw-gradient-position: 120deg in oklch decreasing hue; - background-image: linear-gradient(var(--tw-gradient-stops)); - } - .bg-linear-to-r { - --tw-gradient-position: to right in oklab; - background-image: linear-gradient(var(--tw-gradient-stops)); - } - .bg-radial { - --tw-gradient-position: in oklab; - background-image: radial-gradient(var(--tw-gradient-stops)); - } - .bg-none { - background-image: none; - } - .via-none { - --tw-gradient-via-stops: initial; - } - .from-indigo-600 { - --tw-gradient-from: var(--color-indigo-600); - --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); - } - .from-pink-500 { - --tw-gradient-from: var(--color-pink-500); - --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); - } - .from-violet-700 { - --tw-gradient-from: var(--color-violet-700); - --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); - } - .via-lime-300 { - --tw-gradient-via: var(--color-lime-300); - --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-via-stops); - } - .to-pink-500 { - --tw-gradient-to: var(--color-pink-500); - --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); - } - .to-violet-700 { - --tw-gradient-to: var(--color-violet-700); - --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); - } - .to-yellow-500 { - --tw-gradient-to: var(--color-yellow-500); - --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); - } - .box-decoration-clone { - -webkit-box-decoration-break: clone; - box-decoration-break: clone; - } - .box-decoration-slice { - -webkit-box-decoration-break: slice; - box-decoration-break: slice; - } - .decoration-clone { - -webkit-box-decoration-break: clone; - box-decoration-break: clone; - } - .decoration-slice { - -webkit-box-decoration-break: slice; - box-decoration-break: slice; - } - .bg-auto { - background-size: auto; - } - .bg-contain { - background-size: contain; - } - .bg-cover { - background-size: cover; - } - .bg-fixed { - background-attachment: fixed; - } - .bg-local { - background-attachment: local; - } - .bg-scroll { - background-attachment: scroll; - } - .bg-clip-border { - background-clip: border-box; - } - .bg-clip-content { - background-clip: content-box; - } - .bg-clip-padding { - background-clip: padding-box; - } - .bg-clip-text { - background-clip: text; - } - .bg-bottom { - background-position: bottom; - } - .bg-center { - background-position: center; - } - .bg-left { - background-position: left; - } - .bg-left-bottom { - background-position: left bottom; - } - .bg-left-top { - background-position: left top; - } - .bg-right { - background-position: right; - } - .bg-right-bottom { - background-position: right bottom; - } - .bg-right-top { - background-position: right top; - } - .bg-top { - background-position: top; - } - .bg-no-repeat { - background-repeat: no-repeat; - } - .bg-repeat { - background-repeat: repeat; - } - .bg-repeat-round { - background-repeat: round; - } - .bg-repeat-space { - background-repeat: space; - } - .bg-repeat-x { - background-repeat: repeat-x; - } - .bg-repeat-y { - background-repeat: repeat-y; - } - .bg-origin-border { - background-origin: border-box; - } - .bg-origin-content { - background-origin: content-box; - } - .bg-origin-padding { - background-origin: padding-box; - } - .fill-none { - fill: none; - } - .stroke-none { - stroke: none; - } - .object-contain { - object-fit: contain; - } - .object-cover { - object-fit: cover; - } - .object-fill { - object-fit: fill; - } - .object-none { - object-fit: none; - } - .object-scale-down { - object-fit: scale-down; - } - .object-bottom { - object-position: bottom; - } - .object-center { - object-position: center; - } - .object-left { - object-position: left; - } - .object-left-bottom { - object-position: left bottom; - } - .object-left-top { - object-position: left top; - } - .object-right { - object-position: right; - } - .object-right-bottom { - object-position: right bottom; - } - .object-right-top { - object-position: right top; - } - .object-top { - object-position: top; - } - .p-1 { - padding: calc(var(--spacing) * 1); - } - .p-2 { - padding: calc(var(--spacing) * 2); - } - .p-5 { - padding: calc(var(--spacing) * 5); - } - .px-2 { - padding-inline: calc(var(--spacing) * 2); - } - .px-10 { - padding-inline: calc(var(--spacing) * 10); - } - .text-center { - text-align: center; - } - .text-end { - text-align: end; - } - .text-justify { - text-align: justify; - } - .text-left { - text-align: left; - } - .text-right { - text-align: right; - } - .text-start { - text-align: start; - } - .align-baseline { - vertical-align: baseline; - } - .align-bottom { - vertical-align: bottom; - } - .align-middle { - vertical-align: middle; - } - .align-sub { - vertical-align: sub; - } - .align-super { - vertical-align: super; - } - .align-text-bottom { - vertical-align: text-bottom; - } - .align-text-top { - vertical-align: text-top; - } - .align-top { - vertical-align: top; - } - .font-mono { - font-family: var(--font-mono); - } - .font-sans { - font-family: var(--font-sans); - } - .text-5xl { - font-size: var(--text-5xl); - line-height: var(--tw-leading, var(--text-5xl--line-height)); - } - .text-lg { - font-size: var(--text-lg); - line-height: var(--tw-leading, var(--text-lg--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)); - } - .leading-\[3\.5rem\] { - --tw-leading: 3.5rem; - line-height: 3.5rem; - } - .leading-none { - --tw-leading: 1; - line-height: 1; - } - .font-bold { - --tw-font-weight: var(--font-weight-bold); - font-weight: var(--font-weight-bold); - } - .font-extrabold { - --tw-font-weight: var(--font-weight-extrabold); - font-weight: var(--font-weight-extrabold); - } - .font-medium { - --tw-font-weight: var(--font-weight-medium); - font-weight: var(--font-weight-medium); - } - .tracking-tight { - --tw-tracking: var(--tracking-tight); - letter-spacing: var(--tracking-tight); - } - .text-balance { - text-wrap: balance; - } - .text-nowrap { - text-wrap: nowrap; - } - .text-pretty { - text-wrap: pretty; - } - .text-wrap { - text-wrap: wrap; - } - .break-normal { - overflow-wrap: normal; - word-break: normal; - } - .break-words { - overflow-wrap: break-word; - } - .break-all { - word-break: break-all; - } - .break-keep { - word-break: keep-all; - } - .overflow-ellipsis { - text-overflow: ellipsis; - } - .text-clip { - text-overflow: clip; - } - .text-ellipsis { - text-overflow: ellipsis; - } - .hyphens-auto { - -webkit-hyphens: auto; - hyphens: auto; - } - .hyphens-manual { - -webkit-hyphens: manual; - hyphens: manual; - } - .hyphens-none { - -webkit-hyphens: none; - hyphens: none; - } - .whitespace-break-spaces { - white-space: break-spaces; - } - .whitespace-normal { - white-space: normal; - } - .whitespace-nowrap { - white-space: nowrap; - } - .whitespace-pre { - white-space: pre; - } - .whitespace-pre-line { - white-space: pre-line; - } - .whitespace-pre-wrap { - white-space: pre-wrap; - } - .\[color\:red\] { - color: red; - } - .\[color\:red\]\/50 { - color: color-mix(in oklab, red 50%, transparent); - } - .\[color\:red\]\/50\! { - color: color-mix(in oklab, red 50%, transparent) !important; - } - .text-black { - color: var(--color-black); - } - .text-gray-500 { - color: var(--color-gray-500); - } - .text-white { - color: var(--color-white); - } - .capitalize { - text-transform: capitalize; - } - .lowercase { - text-transform: lowercase; - } - .normal-case { - text-transform: none; - } - .uppercase { - text-transform: uppercase; - } - .italic { - font-style: italic; - } - .not-italic { - font-style: normal; - } - .font-stretch-condensed { - font-stretch: condensed; - } - .font-stretch-expanded { - font-stretch: expanded; - } - .font-stretch-extra-condensed { - font-stretch: extra-condensed; - } - .font-stretch-extra-expanded { - font-stretch: extra-expanded; - } - .font-stretch-normal { - font-stretch: normal; - } - .font-stretch-semi-condensed { - font-stretch: semi-condensed; - } - .font-stretch-semi-expanded { - font-stretch: semi-expanded; - } - .font-stretch-ultra-condensed { - font-stretch: ultra-condensed; - } - .font-stretch-ultra-expanded { - font-stretch: ultra-expanded; - } - .diagonal-fractions { - --tw-numeric-fraction: diagonal-fractions; - font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); - } - .lining-nums { - --tw-numeric-figure: lining-nums; - font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); - } - .normal-nums { - font-variant-numeric: normal; - } - .oldstyle-nums { - --tw-numeric-figure: oldstyle-nums; - font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); - } - .ordinal { - --tw-ordinal: ordinal; - font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); - } - .proportional-nums { - --tw-numeric-spacing: proportional-nums; - font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); - } - .slashed-zero { - --tw-slashed-zero: slashed-zero; - font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); - } - .stacked-fractions { - --tw-numeric-fraction: stacked-fractions; - font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); - } - .tabular-nums { - --tw-numeric-spacing: tabular-nums; - font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); - } - .line-through { - text-decoration-line: line-through; - } - .no-underline { - text-decoration-line: none; - } - .overline { - text-decoration-line: overline; - } - .underline { - text-decoration-line: underline; - } - .decoration-amber-700 { - text-decoration-color: var(--color-amber-700); - } - .decoration-inherit { - text-decoration-color: inherit; - } - .decoration-dashed { - text-decoration-style: dashed; - } - .decoration-dotted { - text-decoration-style: dotted; - } - .decoration-double { - text-decoration-style: double; - } - .decoration-solid { - text-decoration-style: solid; - } - .decoration-wavy { - text-decoration-style: wavy; - } - .decoration-2 { - text-decoration-thickness: 2px; - } - .decoration-auto { - text-decoration-thickness: auto; - } - .decoration-from-font { - text-decoration-thickness: from-font; - } - .underline-offset-auto { - text-underline-offset: auto; - } - .antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - .subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; - } - .accent-auto { - accent-color: auto; - } - .scheme-dark { - color-scheme: dark; - } - .scheme-light { - color-scheme: light; - } - .scheme-light-dark { - color-scheme: light dark; - } - .scheme-normal { - color-scheme: normal; - } - .scheme-only-dark { - color-scheme: only dark; - } - .scheme-only-light { - color-scheme: only light; - } - .mix-blend-plus-darker { - mix-blend-mode: plus-darker; - } - .mix-blend-plus-lighter { - mix-blend-mode: plus-lighter; - } - .inset-ring { - --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentColor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - } - .ring { - --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - } - .shadow { - --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); - } - .shadow-amber-600 { - --tw-shadow-color: var(--color-amber-600); - } - .shadow-initial { - --tw-shadow-color: initial; - } - .inset-shadow-initial { - --tw-inset-shadow-color: initial; - } - .outline-hidden { - outline-style: none; - @media (forced-colors: active) { - outline: 2px solid transparent; - outline-offset: 2px; - } - } - .outline { - outline-style: var(--tw-outline-style); - outline-width: 1px; - } - .blur { - --tw-blur: blur(8px); - filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); - } - .blur-none { - --tw-blur: ; - filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); - } - .brightness-150 { - --tw-brightness: brightness(150%); - filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); - } - .drop-shadow { - --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06)); - filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); - } - .drop-shadow-lg { - --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg)); - filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); - } - .drop-shadow-none { - --tw-drop-shadow: ; - filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); - } - .grayscale { - --tw-grayscale: grayscale(100%); - filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); - } - .invert { - --tw-invert: invert(100%); - filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); - } - .sepia { - --tw-sepia: sepia(100%); - filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); - } - .\!filter { - filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important; - } - .filter { - filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); - } - .backdrop-blur { - --tw-backdrop-blur: blur(8px); - -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - } - .backdrop-blur-none { - --tw-backdrop-blur: ; - -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - } - .backdrop-blur-xl { - --tw-backdrop-blur: blur(var(--blur-xl)); - -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - } - .backdrop-grayscale { - --tw-backdrop-grayscale: grayscale(100%); - -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - } - .backdrop-invert { - --tw-backdrop-invert: invert(100%); - -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - } - .backdrop-sepia { - --tw-backdrop-sepia: sepia(100%); - -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - } - .backdrop-filter { - -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); - } - .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; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - } - .transition-\(--badge-transition-properties\) { - transition-property: var(--badge-transition-properties); - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - } - .transition-all { - transition-property: all; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - } - .transition-colors { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - } - .transition-opacity { - transition-property: opacity; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - } - .transition-shadow { - transition-property: box-shadow; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - } - .transition-transform { - transition-property: transform, translate, scale, rotate; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - } - .transition-none { - transition-property: none; - } - .transition-discrete { - transition-behavior: allow-discrete; - } - .transition-normal { - transition-behavior: normal; - } - .duration-\(--badge-transition-duration-color\) { - --tw-duration: var(--badge-transition-duration-color); - transition-duration: var(--badge-transition-duration-color); - } - .duration-\(--badge-transition-durations\) { - --tw-duration: var(--badge-transition-durations); - transition-duration: var(--badge-transition-durations); - } - .duration-200 { - --tw-duration: 200ms; - transition-duration: 200ms; - } - .ease-in { - --tw-ease: var(--ease-in); - transition-timing-function: var(--ease-in); - } - .ease-in-out { - --tw-ease: var(--ease-in-out); - transition-timing-function: var(--ease-in-out); - } - .ease-linear { - --tw-ease: linear; - transition-timing-function: linear; - } - .ease-out { - --tw-ease: var(--ease-out); - transition-timing-function: var(--ease-out); - } - .will-change-auto { - will-change: auto; - } - .will-change-contents { - will-change: contents; - } - .will-change-scroll { - will-change: scroll-position; - } - .will-change-transform { - will-change: transform; - } - .contain-content { - contain: content; - } - .contain-inline-size { - --tw-contain-size: inline-size; - contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,); - } - .contain-layout { - --tw-contain-layout: layout; - contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,); - } - .contain-none { - contain: none; - } - .contain-paint { - --tw-contain-paint: paint; - contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,); - } - .contain-size { - --tw-contain-size: size; - contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,); - } - .contain-strict { - contain: strict; - } - .contain-style { - --tw-contain-style: style; - contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,); - } - .content-none { - --tw-content: none; - content: none; - } - .forced-color-adjust-auto { - forced-color-adjust: auto; - } - .forced-color-adjust-none { - forced-color-adjust: none; - } - .\[keywords\:node-addon-api\] { - keywords: node-addon-api; - } - .backface-hidden { - backface-visibility: hidden; - } - .backface-visible { - backface-visibility: visible; - } - .divide-x-reverse { - :where(& > :not(:last-child)) { - --tw-divide-x-reverse: 1; - } - } - .duration-initial { - --tw-duration: initial; - } - .ease-initial { - --tw-ease: initial; - } - .outline-dashed { - --tw-outline-style: dashed; - outline-style: dashed; - } - .outline-dotted { - --tw-outline-style: dotted; - outline-style: dotted; - } - .outline-double { - --tw-outline-style: double; - outline-style: double; - } - .outline-none { - --tw-outline-style: none; - outline-style: none; - } - .outline-solid { - --tw-outline-style: solid; - outline-style: solid; - } - .perspective-none { - perspective: none; - } - .perspective-origin-bottom { - perspective-origin: bottom; - } - .perspective-origin-bottom-left { - perspective-origin: bottom left; - } - .perspective-origin-bottom-right { - perspective-origin: bottom right; - } - .perspective-origin-center { - perspective-origin: center; - } - .perspective-origin-left { - perspective-origin: left; - } - .perspective-origin-right { - perspective-origin: right; - } - .perspective-origin-top { - perspective-origin: top; - } - .perspective-origin-top-left { - perspective-origin: top left; - } - .perspective-origin-top-right { - perspective-origin: top right; - } - .ring-inset { - --tw-ring-inset: inset; - } - .select-none { - -webkit-user-select: none; - user-select: none; - } - .transform-3d { - transform-style: preserve-3d; - } - .transform-border { - transform-box: border-box; - } - .transform-content { - transform-box: content-box; - } - .transform-fill { - transform-box: fill-box; - } - .transform-flat { - transform-style: flat; - } - .transform-stroke { - transform-box: stroke-box; - } - .transform-view { - transform-box: view-box; - } - .hover\:rotate-3 { - &:hover { - @media (hover: hover) { - rotate: 3deg; - } - } - } - .hover\:rotate-360 { - &:hover { - @media (hover: hover) { - rotate: 360deg; - } - } - } - .hover\:bg-neutral-900 { - &:hover { - @media (hover: hover) { - background-color: var(--color-neutral-900); - } - } - } - .hover\:bg-linear-90\/decreasing { - &:hover { - @media (hover: hover) { - --tw-gradient-position: 90deg in oklch decreasing hue; - background-image: linear-gradient(var(--tw-gradient-stops)); - } - } - } - .hover\:from-green-600 { - &:hover { - @media (hover: hover) { - --tw-gradient-from: var(--color-green-600); - --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); - } - } - } - .hover\:via-green-600 { - &:hover { - @media (hover: hover) { - --tw-gradient-via: var(--color-green-600); - --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-via-stops); - } - } - } - .hover\:to-green-600 { - &:hover { - @media (hover: hover) { - --tw-gradient-to: var(--color-green-600); - --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); - } - } - } - .hover\:text-white { - &:hover { - @media (hover: hover) { - color: var(--color-white); - } - } - } - .sm\:grid-cols-2 { - @media (width >= 40rem) { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - } - .dark\:bg-neutral-900 { - @media (prefers-color-scheme: dark) { - background-color: var(--color-neutral-900); - } - } - .dark\:text-gray-400 { - @media (prefers-color-scheme: dark) { - color: var(--color-gray-400); - } - } - .dark\:text-white { - @media (prefers-color-scheme: dark) { - color: var(--color-white); - } - } - .dark\:decoration-amber-400 { - @media (prefers-color-scheme: dark) { - text-decoration-color: var(--color-amber-400); - } - } - .dark\:hover\:bg-white { - @media (prefers-color-scheme: dark) { - &:hover { - @media (hover: hover) { - background-color: var(--color-white); - } - } - } - } - .dark\:hover\:text-black { - @media (prefers-color-scheme: dark) { - &:hover { - @media (hover: hover) { - color: var(--color-black); - } - } - } - } -} -:root { - --badge-transition-properties: rotate, translate, color, background-color, border-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; - --badge-transition-duration-color: 700ms; - --badge-transition-duration-motion: 200ms; - --badge-transition-durations: var(--badge-transition-duration-motion),var(--badge-transition-duration-motion),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color); -} -@property --tw-translate-x { - syntax: "*"; - inherits: false; - initial-value: 0; -} -@property --tw-translate-y { - syntax: "*"; - inherits: false; - initial-value: 0; -} -@property --tw-translate-z { - syntax: "*"; - inherits: false; - initial-value: 0; -} -@property --tw-scale-x { - syntax: "*"; - inherits: false; - initial-value: 1; -} -@property --tw-scale-y { - syntax: "*"; - inherits: false; - initial-value: 1; -} -@property --tw-scale-z { - syntax: "*"; - inherits: false; - initial-value: 1; -} -@property --tw-rotate-x { - syntax: "*"; - inherits: false; - initial-value: rotateX(0); -} -@property --tw-rotate-y { - syntax: "*"; - inherits: false; - initial-value: rotateY(0); -} -@property --tw-rotate-z { - syntax: "*"; - inherits: false; - initial-value: rotateZ(0); -} -@property --tw-skew-x { - syntax: "*"; - inherits: false; - initial-value: skewX(0); -} -@property --tw-skew-y { - syntax: "*"; - inherits: false; - initial-value: skewY(0); -} -@property --tw-pan-x { - syntax: "*"; - inherits: false; -} -@property --tw-pan-y { - syntax: "*"; - inherits: false; -} -@property --tw-pinch-zoom { - syntax: "*"; - inherits: false; -} -@property --tw-scroll-snap-strictness { - syntax: "*"; - inherits: false; - initial-value: proximity; -} -@property --tw-space-y-reverse { - syntax: "*"; - inherits: false; - initial-value: 0; -} -@property --tw-space-x-reverse { - syntax: "*"; - inherits: false; - initial-value: 0; -} -@property --tw-divide-x-reverse { - syntax: "*"; - inherits: false; - initial-value: 0; -} -@property --tw-border-style { - syntax: "*"; - inherits: false; - initial-value: solid; -} -@property --tw-divide-y-reverse { - syntax: "*"; - inherits: false; - initial-value: 0; -} -@property --tw-gradient-position { - syntax: "*"; - inherits: false; -} -@property --tw-gradient-from { - syntax: ""; - inherits: false; - initial-value: #0000; -} -@property --tw-gradient-via { - syntax: ""; - inherits: false; - initial-value: #0000; -} -@property --tw-gradient-to { - syntax: ""; - inherits: false; - initial-value: #0000; -} -@property --tw-gradient-stops { - syntax: "*"; - inherits: false; -} -@property --tw-gradient-via-stops { - syntax: "*"; - inherits: false; -} -@property --tw-gradient-from-position { - syntax: ""; - inherits: false; - initial-value: 0%; -} -@property --tw-gradient-via-position { - syntax: ""; - inherits: false; - initial-value: 50%; -} -@property --tw-gradient-to-position { - syntax: ""; - inherits: false; - initial-value: 100%; -} -@property --tw-leading { - syntax: "*"; - inherits: false; -} -@property --tw-font-weight { - syntax: "*"; - inherits: false; -} -@property --tw-tracking { - syntax: "*"; - inherits: false; -} -@property --tw-ordinal { - syntax: "*"; - inherits: false; -} -@property --tw-slashed-zero { - syntax: "*"; - inherits: false; -} -@property --tw-numeric-figure { - syntax: "*"; - inherits: false; -} -@property --tw-numeric-spacing { - syntax: "*"; - inherits: false; -} -@property --tw-numeric-fraction { - syntax: "*"; - inherits: false; -} -@property --tw-shadow { - syntax: "*"; - inherits: false; - initial-value: 0 0 #0000; -} -@property --tw-shadow-color { - syntax: "*"; - inherits: false; -} -@property --tw-inset-shadow { - syntax: "*"; - inherits: false; - initial-value: 0 0 #0000; -} -@property --tw-inset-shadow-color { - syntax: "*"; - inherits: false; -} -@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; -} -@property --tw-blur { - syntax: "*"; - inherits: false; -} -@property --tw-brightness { - syntax: "*"; - inherits: false; -} -@property --tw-contrast { - syntax: "*"; - inherits: false; -} -@property --tw-grayscale { - syntax: "*"; - inherits: false; -} -@property --tw-hue-rotate { - syntax: "*"; - inherits: false; -} -@property --tw-invert { - syntax: "*"; - inherits: false; -} -@property --tw-opacity { - syntax: "*"; - inherits: false; -} -@property --tw-saturate { - syntax: "*"; - inherits: false; -} -@property --tw-sepia { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-blur { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-brightness { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-contrast { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-grayscale { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-hue-rotate { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-invert { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-opacity { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-saturate { - syntax: "*"; - inherits: false; -} -@property --tw-backdrop-sepia { - syntax: "*"; - inherits: false; -} -@property --tw-duration { - syntax: "*"; - inherits: false; -} -@property --tw-ease { - syntax: "*"; - inherits: false; -} -@property --tw-contain-size { - syntax: "*"; - inherits: false; -} -@property --tw-contain-layout { - syntax: "*"; - inherits: false; -} -@property --tw-contain-paint { - syntax: "*"; - inherits: false; -} -@property --tw-contain-style { - syntax: "*"; - inherits: false; -} diff --git a/public/test.css b/public/test.css deleted file mode 100644 index e0217d0..0000000 --- a/public/test.css +++ /dev/null @@ -1,101 +0,0 @@ -@charset "utf-8"; - - -/* Some variables */ -:root { - --spacing: 0.25rem; - --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; -} - -/* Colors in light & dark mode */ -:root { - --color-bg: olkch(1 1 1); - --color-fg: rgb(0,0,0); - --color-decoration: oklch(0.555 0.163 48.998); -} -@media (prefers-color-scheme: dark) { - :root { - --color-bg: oklch(0.205 0 0); - --color-fg: rgb(255 255 255); - --color-decoration: oklch(0.828 0.189 84.429); - } -} - -body { - background-color: var(--color-bg); - color: var(--color-fg); - font-family: var(--font-sans); - text-decoration-color: var(--color-decoration); - max-width: 90%; - margin: 0 auto; -} - -div { - text-decoration-color: inherit; - margin-left: auto; - margin-right: auto; - max-width: max-content; - max-height: max-content; -} - -h1 { - text-decoration-thickness: 2px; - text-decoration-color: inherit; - text-decoration-line: underline; - font-weight: bold; - font-size: 3rem; - padding: calc(var(--spacing)*2); - margin-top: calc(var(--spacing)*10); - text-align: center; -} - -p { - font-size: 1.125rem; - padding: calc(var(--spacing)*2); - text-align: center; -} - -.headline { - margin-bottom: calc(var(--spacing)*10); -} - -.main-services { - display: grid; - grid-template-columns: repeat(auto-fill, 1fr); - grid-gap: 1rem; -} - -.badge { - margin-left: auto; - margin-right: auto; - padding: calc(var(--spacing)*1); - /*max-width: max-content;*/ - max-height: max-content; - min-width: fit-content; - display: block; - border-radius: 16px; - user-select: none; -ms-user-select: none; -moz-user-select: none; -ms-touch-select: none; -webkit-user-select: none; - background-color: var(--color-fg); - color: var(--color-bg); -} - -.badge div { - background-color: var(--color-bg); - color: var(--color-fg); - border-radius: 12px; - padding: calc(var(--spacing)*2) calc(var(--spacing)*3); - display: flex; - min-width: 100%; - min-height: 100%; - max-width: 100%; - max-height: 100%; - flex-direction: row; -} - -.badge div * { - margin-top: auto; - margin-bottom: auto; - font-size: 1.15rem; -} - diff --git a/public/test.html b/public/test.html deleted file mode 100644 index c736ef4..0000000 --- a/public/test.html +++ /dev/null @@ -1,61 +0,0 @@ - - - - - - - - - - Privacynerd's new home :) - - - -
-

Hello you!

-

This is a test paragraph!

-
- - - - - -