alexradulescu / bones-css

A simple, beautiful, class-less css framework

alex-radulescu

bones-css's Issues

More black, white blue palette with less colours otherwise?

Add minimal variants with data-attributes

For buttons for example could have data-emphasis='fill/outline/ghost' and maybe a data-size='sm|md|lg'
For text we could have weight, emphasis
For divs (or all or just block elements like divs, sections, article, Hx, P) we could have data-stack='vstack|hstack' with data-gap, data-align, data-justify.
For span we could have a data-spacer='xs|sm|md|lg|xl...'
For tables we could have a data-layout='fixed'

Maybe
For all we could have data-p|px|py|pt|pb|pl|pr and margin, although this would complicate matters quite a bit.

Make all headings normal weight

Make colours and radius into variables and better controllable

More rounded corners

Add hover & focus for all non disabled elements

Something along the lines of ... or maybe even like github with a box-shadow with no space.
But a bit of space might be cool

*:not(:disabled):focus {
    box-shadow: var(--white) 0px 0px 0px 1px, var(--blue-300) 0px 0px 0px 3px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    outline: 0;
}

Font some other design for DLs?

Using :is() or :has() for less specificity than default?

Remove nav > a links

And add a rounded corner focus or some nice underline animation

Remove left line from pre > *