Note
As you might already know,
Pico CSS is officially no longer maintained β but:
Development continues under Blades CSS π
| Homepage: | https://blades.dev/ |
|---|---|
| Documentation: | https://blades.dev/#docs |
| Source code: | https://github.com/anyblades/blades |
| Underlying Pico fork: | https://github.com/anyblades/blades/tree/main/src/pico |
Blades focuses exclusively on the pico.css version, similar to how simple.css is maintained (for Sass version check @Yohn's fork instead).
Pico issues resolved in Blades:
- #751 π οΈ Button focus ring measures 1.77:1 (light) and 2.01:1 (dark), where SC 1.4.11 asks 3:1
- #744 π§© Proposal: Classless Dropdown component leveraging Popover API
- #742 π§© Update dialog to modern CSS
- #740 π οΈ Remove nonessential npm-run-all dependency to reduce supply chain attack surface
- #738 π Submit button margin affecting siblings within .grid
- #734 π RTL breadcrumbs add weird backslashes
- #733 π Fix for datetime input width within groups within grids on medium breakpoint
- #731 π οΈ Allow to selectively unreduce motion like
[aria-busy="true"]does - #727 π Fix dropdown summary ul offscreen (Safari)
- #721 π οΈ Possible duplicate of text-align property inside the same element selector
- #701 π Nav dropdowns display error with Firefox
- #696 π οΈ Missing styling for
<var>element + #695 - #670 π Slow website picocss.com β (
box-shadowperformance issues) - #591 π RTL not working with new "group"
- #513 π Image element attribute height is overridden
- #482 π§© Pico CSS Scale
See fixes in action:
- Demo: @picocss/pico issues reproduced (where applicable)
- Demo: @anyblades/blades running without issues (on exact same markup!)
Every Blades build includes the actual .diff with exact changes against "canonical" pico.css:
- https://github.com/anyblades/blades/blob/main/css/pico.css.diff
- https://github.com/anyblades/blades/blob/main/css/pico.min.css.diff
See https://blades.dev/#docs marked with NEW.
All shipped as blades.css β a drop-in compatible replacement for pico.css.
Just switch pico.css to blades.cssβ and voilΓ !
π₯·