diff options
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 27 |
1 files changed, 9 insertions, 18 deletions
diff --git a/src/style.css b/src/style.css index 4760434..a41fa4c 100644 --- a/src/style.css +++ b/src/style.css @@ -3,18 +3,11 @@ :root { --font-sans: "Overpass", sans-serif; - @apply scheme-dark; -} - -main, #slideshow { - height: 100%; - display: flex; - flex-direction: column; - overflow: hidden; + @apply scheme-dark } .svg-btn { - @apply bg-none border-0 p-0 cursor-pointer; + @apply bg-none border-0 p-0 cursor-pointer } .nav-btn { @@ -22,14 +15,13 @@ main, #slideshow { 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; + @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; + @apply align-middle h-full max-w-full object-contain } .album { @@ -37,21 +29,20 @@ main, #slideshow { border-y border-slate-800 data-selected:bg-slate-950 data-selected:hover:bg-slate-900 hover:bg-gray-900 - ; } .rounded-fieldset { - @apply border rounded-2xl p-6 border-gray-500 flex flex-col gap-4; + @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; + @apply font-bold text-blue-300 fill-blue-300 text-xl } .settings-label { - @apply font-medium text-blue-200; + @apply font-medium text-blue-200 } .rounded-input { - @apply rounded-2xl bg-zinc-800 p-4; + @apply rounded-2xl bg-zinc-800 p-4 } .rounded-btn { - @apply rounded-full w-fit bg-blue-200 px-4 py-2 text-black font-medium; + @apply rounded-full w-fit bg-blue-200 px-4 py-2 text-black font-medium } |