🥷

@anydigital
11 Followers
16 Following
42 Posts

@swelljoe @zverik @perry @amapanda we won't let Pico CSS become neglected, as we've taken over maintenance of a fork here:
https://github.com/anyblades/pico

and even released our Pico-based successor candidate: https://blades.ninja/

GitHub - anyblades/pico: Minimal CSS Framework for semantic HTML ✨🥷 Sass-free community fork

Minimal CSS Framework for semantic HTML ✨🥷 Sass-free community fork - anyblades/pico

GitHub

wow, just noticed that original https://Shoelace.style/ (now Web Awesome) used @11ty for their website! 🎈

as part of the Shoelace repo itself:
https://github.com/shoelace-style/shoelace/blob/next/docs/eleventy.config.cjs

Shoelace: A forward-thinking library of web components.

Hand-crafted custom elements for any occasion.

Pico CSS ✨ v2.2.2 fork released!
https://blades.ninja/css/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 same element selector
...

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

Pico+Blades CSS | Blades

https://github.com/anyblades/pico fork + https://github.com/anyblades/blades standalone

Pico CSS successor:
https://blades.ninja/

– Fully compatible & actively maintained
– Underlying Pico fork available standalone
– Minimalist, semantic, and modern

Blades • Minimal CSS Framework for Semantic HTML | Blades

Minimal CSS Framework for Semantic HTML Fully compatible and actively maintained successor to Pico CSS. Includes Float labels, Breakout layout and other modern helpers. Simply switch pico.css to blades.css or add blades.standalone.css to other frameworks.

@hamatti @tlohde @markllobrera it’s same idea/thinking tho!

found it really convenient to organize .md content without rewriting it as a Front Matter yaml

as a super-power you can even fetch remote sections from other .md files using `{{ ‘README.md’ | fetch | section(‘NAME’) }}` https://github.com/anydigital/eleventy-blades/blob/main/src/filters/fetch.js

eleventy-blades/src/filters/fetch.js at main · anydigital/eleventy-blades

Ultimate blade kit for 11ty (Build Awesome) 🥷. Contribute to anydigital/eleventy-blades development by creating an account on GitHub.

GitHub

Finally upgraded our `float-label-css` library to v2 classless version introducing new `:has(*:placeholder-shown:not(:focus)) label` trick:

https://github.com/anydigital/float-label-css

Feedback is welcome! 🥷

#classless #css @csstricks #blades

Still using ✨Pico.css?

Check out our community-driven successor: https://github.com/anyblades/pico

Modern CSS, Sass-free, opt-in Float Labels, and more.

#css #picocss #blades ✨🥷

GitHub - anyblades/pico: Minimal CSS Framework for semantic HTML ✨🥷 Sass-free community fork

Minimal CSS Framework for semantic HTML ✨🥷 Sass-free community fork - anyblades/pico

GitHub

RE: https://fosstodon.org/@pauleveritt/116387278969347700

We do! And we just released Pico CSS v2.2.0-beta ✨🥷

Docs & demos: https://blades.ninja/css/pico/

Repo: https://github.com/anyblades/pico

@dfgomes @kev the only thing that is still in our hands is #indieweb … let’s not screw it up

RE: https://fosstodon.org/@kev/116472643712389753

The only thing that is still in our hands is #indieweb … let’s not screw it up