Skip to content

Several Improvements #84

@markusgritsch

Description

@markusgritsch

Hi, I like the concept of bonsai.css very much. Thank you for developing it.

If anyone is interested, I fixed some issues, and added a few things.
https://markusgritsch.github.io/bonsai.css/myindex.html
https://markusgritsch.github.io/bonsai.css/dist/mybonsai.css

image
The switch is an <input type="checkbox" role="switch">

image
The progress and (continuously spinning) busy indicator are new, the input range is a bit tweaked.

image image
The descender cropping and the height of the <select> is fixed.

Despite being disabled="", buttons still reacted to hover and clicking. This is now fixed.

image
Radio buttons properly display the focus border now and check boxes use an SVG check mark because the tick glyph was rendered black on my iPhone 6.

image
image
The grid layout can now be used without class="grid" and I added the grid-auto-flow property to be able to have a responsive auto flow direction.

image image
I added the bullet styling from the markdown book.css.

The @media rule now also affects printing, since printing a page styled for a phone does not look appealing.

The basic grid layouting was missing the xl @media rule.

Some other minor fixes.

Feel free to add some or all changes to your excellent bonsai.css framework.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions