This is a collection of utility classes and components that I use in my
projects. It's a work in progress and I'll keep adding more as I go. Feel
free to use it in your projects, and if you have any suggestions or
feedback, please
let me know!
Colors
--brand
This is overridden in this HTML from the default value, which is
(unsurprisingly) a nice shadow of orange.
--subtle--fg-color--bg-color
Stacks
Vertical Stack
Item 1
Item 2
Item 3
Vertical Stack, with dividers
Item 1
Item 2
Item 3
Vertical Stack, align=center
Item 1
Item 2
Item 3
Vertical Stack, align=right
Item 1
Item 2
Item 3
Horizontal Stack
Item 1
Item 2
Item 3
Horizontal Stack, with dividers
Item 1
Item 2
Item 3
Horizontal Stack, align=center
Item 1
Item 2
Item 3
Horizontal Stack, align=right
Item 1
Item 2
Item 3
Horizontal Stack, align=space-between
Item 1
Item 2
Item 3
Z Stack
Great if you need to stack a bunch of elements on top of each other