Pico CSS ✨ v2.2.2 fork released!

[tonystar]

https://github.com/anyblades/pico

fixes:
#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
#670 🐞 Slow website + #718 (box-shadow performance issues)

add-ons:
https://blades.ninja/

[joseffi]

Hi @tonystar I like your project, but... my apps with pico uses the scss to bundle the whole css.
Is scss being considered in the future of Blades?

[tonystar]

hi @joseffi
if there is enough need/rationale — ofc, SCSS version can be added

however, with modern CSS nesting and vars — SCSS might be more overhead than benefit

happy to review your project to see if SCSS is really needed there
and if so — let's try to add it

[suchislife801]

Claude can craft this update while you make toast(...). Feed existing Pico SCSS project into Claude, Feed this project into Claude, and ask Claude to implement SCSS in the new as it was implemented in the original while accounting for all differences. Proceed to eat toast.

[suchislife801]

Hmmm... now this got me thinking.. why don't I burn ~250,000 tokens on pico.css next week? Should have a state of the art prototype by Monday.

[M-jerez]

quick question, is this because the original repo is not maintained anymore ? or just because vision deviates ?

[tonystar]

because the original repo is not maintained anymore

same vision
same code (pico.css)
└ modernized and reduced everything non-pico.css

hope it helps!

[dday9]

I've come to grips with the fact that PicoCSS is probably no longer actively maintained. Nonetheless, I've still submitted two proposals:

1. New Feature: Offcanvas: Proposal: Offcanvas component based on the existing modal #743
2. Feature Enhancement: Classless Dropdown: Proposal: Classless Dropdown component leveraging Popover API #744

There are working examples in each if you wanted to implement them in your fork.

I see you've already modified the dropdown, so I'm not sure what changes my examples would need to fit in with your changes, but it should be a pretty simple swipe and update.

[tonystar]

I've come to grips with the fact that PicoCSS is probably no longer actively maintained.

so we figured out... (months ago),
and that's why Blades CSS exists now

both your proposals are reasonable, and could be added to Blades fork. happy to iterate

we now have a #blades channel on Awesome Discord, let's continue the discussion there!

[TangoMan75]

Hey everyone 👋

First off, big thanks to @tonystar for putting in the effort to create and share the fork at https://github.com/anyblades/pico. It’s clear some work went into it, and that kind of initiative is appreciated.

Unfortunately tonystar has removed all the SCSS source files from the repo, essentially turning the project into a distribution-only dump of compiled CSS.

That makes it effectively useless for anyone who actually wants to customize, extend, or work with Pico the way it was meant to be used.

I would recommend to focus our efforts to contribute to Yohn's fork https://github.com/Yohn/PicoCSS who stays true to the original spirit of Pico instead (sorry tonystar).

Thanks for helping keep a usable version of Pico alive! 🙏

[M-jerez]

I kind of agree with the vision of removing SCSS.
Pico CSS goal is to leverage css and scss is really not needed anymore with modern CSS.
But I understand many apps already using current pico should prefer a more straightforward migration.

[tonystar]

thanks for your support @M-jerez and your opinion @TangoMan75

for those projects heavily relying on SCSS — Yohn's fork could be an option (however just like Pico it was last updated >1y ago)

who stays true to the original spirit of Pico instead

well, "SCSS" is not even mentioned in the original https://picocss.com/docs/mission

I truly believe, the Pico spirit was to "Write HTML, Add Pico CSS, and Voilà!"

SCSS was a tool at the times of Pico creation, when the modern CSS was not broadly available yet. but now it seems out of "Pico spirit"...