anydigital

tháng trướcdiscuss

Brand new home for Blades CSS, a fully compatible and actively maintained successor to Pico CSS:

https://blades.ninja/

Key dependencies:

"@11ty/eleventy": "^4.0.0-0",

"@11ty/eleventy-fetch": "^5.1.2",

"markdown-it-deflist": "^3.0.1",

"@anyblades/eleventy-blades-base": "^1.0.0" sub-dependencies:

    "@11ty/eleventy-navigation": "^1.0.5",

    "@11ty/eleventy-plugin-rss": "^3.0.0",

    "@anyblades/blades": "^2.3.1",

    "@anyblades/eleventy-blades": "^1.0.0",

    "@uncenter/eleventy-plugin-toc": "^2.1.1",

    "markdown-it-anchor": "^9.2.0",

    "markdown-it-attrs": "^4.3.1",

Open-sourced here: https://github.com/anyblades/blades.ninja

anydigital

2 tháng trướcdiscuss

we were focusing on Mobile and Desktop versions, are you somewhere in between?

to be tracked here: https://github.com/anyblades/blades.ninja/issues/7

anydigital

2 tháng trướcdiscuss

We also moved away from Tailwind — Pico CSS. It feels like a breath of fresh, modern CSS air.

We actually loved it so much that we’ve taken over maintenance of a fork, and just released our Pico successor candidate: https://blades.ninja/

anydigital

2 tháng trướcdiscuss

+1 for Pico CSS! It’s fantastic.

We actually loved it so much that we've taken over maintenance for a fork here: https://github.com/anyblades/pico

anydigital

2 tháng trướcdiscuss

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/

anydigital

3 tháng trướcdiscuss

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

---

Now including all features from Blades CSS, shipped as pico.blades.css — a drop-in compatible replacement for pico.css.

Also, it includes various fixes for original @picocss/pico issues:

#731: Allow to selectively unreduce motion like [aria-busy="true"] does #670: Slow website picocss.com | box-shadow performance issues & PR#718 #721: Possible duplicate of text-align property inside the same element selector #701: Nav dropdowns display error with Firefox #727: Fix dropdown summary ul offscreen | in Safari

anydigital

3 tháng trướcdiscuss

Just upgraded our old-school CSS-only Float Label library to v2-alpha classless version introducing new `:has(*:placeholder-shown:not(:focus)) label` trick:

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

Docs: https://blades.ninja/css/float-label/

Feedback is welcome!

anydigital

3 tháng trướcdiscuss

Use Blades `<i>`-helper to wrap emojis, favicons, or simply drop Font Awesome icons inside links. It automatically handles sizing and alignment while preventing underline on icons.

How: `a:has(>i){ display: inline-flex }` and `a>i{ float: left }`

Code: https://github.com/anydigital/blades/blob/main/src/link-icon...

Demo: https://codepen.io/editor/anydigital/pen/019d2b94-5616-75dc-...

Docs: https://blades.ninja/css/link-icon/ (available via CDN/npm)

anydigital

Submissions

[untitled]

[untitled]

[untitled]

[untitled]

[untitled]

[untitled]

[untitled]

[untitled]

Show HN: Blades CSS – Framework-agnostic, class-light CSS⁺ kit inspired by Pico

Pico.css v2.2.0-beta released [community fork]

Classless CSS-Only Float Label. Finally

Icons inside underlined links without text ning

comments