Something went wrong. Try again.
forked from tangled.org/core
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293@tailwind base;@tailwind components;@tailwind utilities;@layer base { @font-face { font-family: "InterVariable"; src: url("/static/fonts/InterVariable.woff2") format("woff2"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "InterVariable"; src: url("/static/fonts/InterVariable-Italic.woff2") format("woff2"); font-weight: normal; font-style: italic; font-display: swap; }
@font-face { font-family: "IBMPlexMono"; src: url("/static/fonts/IBMPlexMono-Regular.woff2") format("woff2"); font-weight: normal; font-style: italic; font-display: swap; }
::selection { @apply bg-yellow-400 text-black bg-opacity-30 dark:bg-yellow-600 dark:bg-opacity-50 dark:text-white; }
@layer base { html { font-size: 15px; } @supports (font-variation-settings: normal) { html { font-feature-settings: 'ss01' 1, 'kern' 1, 'liga' 1, 'cv05' 1, 'tnum' 1; } }
a { @apply no-underline text-black hover:underline hover:text-gray-800 dark:text-white dark:hover:text-gray-300; }
label { @apply block mb-2 text-gray-900 text-sm font-bold py-2 uppercase dark:text-gray-100; } input { @apply bg-white border border-gray-400 rounded-sm focus:ring-black p-3 dark:bg-gray-800 dark:border-gray-600 dark:text-white dark:focus:ring-gray-400; } textarea { @apply bg-white border border-gray-400 rounded-sm focus:ring-black p-3 dark:bg-gray-800 dark:border-gray-600 dark:text-white dark:focus:ring-gray-400; } details summary::-webkit-details-marker { display: none; } }
@layer components { .btn { @apply relative z-10 inline-flex min-h-[30px] cursor-pointer items-center justify-center bg-transparent px-2 pb-[0.2rem] text-base text-gray-900 before:absolute before:inset-0 before:-z-10 before:block before:rounded before:border before:border-gray-200 before:bg-white before:drop-shadow-sm before:content-[''] hover:before:border-gray-300 hover:before:bg-gray-50 hover:before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-2px_0_0_#f5f5f5] focus:outline-none focus-visible:before:outline focus-visible:before:outline-4 focus-visible:before:outline-gray-500 active:before:shadow-[inset_0_2px_2px_0_rgba(20,20,96,0.1)] disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:before:border-gray-200 disabled:hover:before:bg-white disabled:hover:before:shadow-none dark:text-gray-100 dark:before:bg-gray-800 dark:before:border-gray-700 dark:hover:before:border-gray-600 dark:hover:before:bg-gray-700 dark:hover:before:shadow-[0_2px_2px_0_rgba(0,0,0,0.2),inset_0_-2px_0_0_#2d3748] dark:focus-visible:before:outline-gray-400 dark:active:before:shadow-[inset_0_2px_2px_0_rgba(0,0,0,0.3)] dark:disabled:hover:before:bg-gray-800 dark:disabled:hover:before:border-gray-700; } } @layer utilities { .error { @apply py-1 text-red-400 dark:text-red-300; } .success { @apply py-1 text-gray-900 dark:text-gray-100; } }}