diff options
Diffstat (limited to 'static/src/style.css')
| m--------- | static | 6 | ||||
| -rw-r--r-- | static/src/style.css | 48 |
2 files changed, 48 insertions, 6 deletions
diff --git a/static b/static deleted file mode 160000 -Subproject 51be71d8943f6e5e0c4b28358f227860c73d53a diff --git a/static/src/style.css b/static/src/style.css new file mode 100644 index 0000000..b762eb3 --- /dev/null +++ b/static/src/style.css @@ -0,0 +1,48 @@ +@import "tailwindcss" source(none); +@source "../public/index.html"; + +:root { + --font-sans: "Overpass", sans-serif; + @apply scheme-dark +} + +.svg-btn { + @apply bg-none border-0 p-0 cursor-pointer +} + +.nav-btn { + @apply flex items-center justify-center no-underline w-full gap-4 p-3 rounded-full + hover:text-blue-300 hover:fill-blue-300 + data-selected:text-blue-300 data-selected:fill-blue-300 + data-selected:bg-gray-900 +} + +.carousel-cell { + @apply h-full w-[70vw] mx-3 md:w-[80vw] md:mx-6 +} +.carousel-img { + @apply align-middle h-full max-w-full object-contain +} + +.album { + @apply flex relative h-40 gap-6 p-3 cursor-pointer + border-y border-slate-800 + data-selected:bg-slate-950 data-selected:hover:bg-slate-900 + hover:bg-gray-900 +} + +.rounded-fieldset { + @apply border border-gray-500 rounded-2xl p-6 flex flex-col gap-4 +} +.fieldset-header { + @apply font-bold text-blue-300 fill-blue-300 text-xl +} +.settings-label { + @apply font-medium text-blue-200 +} +.rounded-input { + @apply rounded-2xl bg-zinc-800 p-4 +} +.rounded-btn { + @apply rounded-full w-fit bg-blue-300 px-4 py-2 text-black fill-black font-medium cursor-pointer flex gap-1 +} |
