utensils

hi!

hello!
this is a simple svelte ui/style package called utensils
install with and include in a top level layout script

components

a Card within a Card
within a Card !
a CardsGrid
within a Card
within a CardsGrid !
a Divider
can separate horizontally
or vertically
a Section

section title

doesn't really do much
an ImageDisplay
hello!
can definitely display an image wrapped in a border
a Shine
hello!
can cover anything in an undulating sheen (try hovering too)
a ThemeToggle
can force light or dark mode (and defaults to the os setting) Nest (at any level) in a ThemeProvider for functionality
an Interactable applies an outer box shadow on hover and jiggles on mousedown

classes

.border

wraps anything with this cheesy two tone border

.inset

applies an inner box shadow

.shadow

applies an outer box shadow

.link-box

useful for making normal text (span, a)
appear like button/link box
(especially when used with a border)

.clickable

cursor and jiggle on mousedown

.border.inset.shadow.link-box

they work well when combined

.good / .bad

used for affirmative
and negative signals