#postcss
LightNews LightNews
germanfrelo.dev
I haven’t tried Zed yet, but this PostCSS plugin can convert all color values in a single command: github.com/EdMSL/postcs...
GitHub - EdMSL/postcss-color-converter: PostCSS plugin to convert colors between HEX, RGB, HSL and keyword color formats.
PostCSS plugin to convert colors between HEX, RGB, HSL and keyword color formats. - EdMSL/postcss-color-converter
github.com
October 31, 2025 at 2:05 PM
thewhale-cc.bsky.social
𝗕𝘆, 𝗯𝘆 𝗖𝗦𝗦𝗡𝗲𝘅𝘁, 𝗵𝗲𝗹𝗹𝗼 𝗽𝗼𝘀𝘁𝗰𝘀𝘀-𝗽𝗿𝗲𝘀𝗲𝘁-𝗲𝗻𝘃

As CSSNext is now deprecated you can use instead the Postcss plugin "PostCSS Preset Env" to lets you use modern CSS in your style sheet.

#Node #CSS #PostC ...
By, by CSSNext, hello postcss-preset-env
As CSSNext is now deprecated you can use instead the Postcss plugin "PostCSS Preset Env" to lets you use modern CSS in your style sheet.
thewhale.cc
October 22, 2025 at 8:59 PM
mycolaos.bsky.social
Call me a noob, but after failing to make postcss + tailwind work in Jekyll, I decided to switch to Astro.

I could go full-nerd mode and work my way through, but that was never my goal. My goal is to make my boring website more interactive and engaging using modern tools.
October 22, 2025 at 6:36 PM
lixeletto.bsky.social
Galera usando react-router-DOM e tailwind v3 com postCSS em código novo são grandes indicadores disso

(Claro que podem estar seguindo tutorial velho)
jeffquesado.ulivre.dev Jeff Silksong Coelho @jeffquesado.ulivre.dev · 23d
Sou testemunha que LLM vai prender pessoas em versões antigas de langs.

As novas versões vão surgir mas as pessoas vão ficar paradas no passado pq a LLM não vai nem apontar que a referência dela tá antiga, diferente de blog post que tem uma grande chance de ter uma data com o post
October 21, 2025 at 12:01 AM
azu.bsky.social
見てる: "@pandacss/postcss@1.4.3 - [chakra-ui/panda] release notes" https://github.com/chakra-ui/panda/releases/tag/%40pandacss%2Fpostcss%401.4.3
October 19, 2025 at 12:25 AM
en.sitnik.ru
By the way, 90% of the plugin was written with an LLM in @zed.dev.

PostCSS plugins are good candidate for code generation: they’re small utility black boxes with a clear input/output and easy to test.
October 18, 2025 at 2:20 PM
en.sitnik.ru
Made a new PostCSS plugin for generating more realistic smooth shadows like on smoothshadows.com

Now designers usually rely on generators, but the resulting code is often hard to maintain.

github.com/postcss/post...
October 18, 2025 at 2:20 PM
ru.sitnik.ru
Кстати, плагин на 90% написан через LLM в Zed.

Генерировать PostCSS-плагины очень удобно — это маленькие чёрные ящики с чётким входом/выходом который легко тестировать.
October 18, 2025 at 2:15 PM
ru.sitnik.ru
Сделал новый PostCSS-плагин для генерации более реалистичных теней в CSS, как у smoothshadows.com.

Сейчас дизайнеры в основном используют генераторы, но после них код сложно поддерживать.

github.com/postcss/post...
October 18, 2025 at 2:15 PM
shrugsforfree.bsky.social
day[13] of #100DaysOfCode

I set up some tests for the API with @nuxt/test-utils, battled (apparently infamous) tailwindcss/postcss plugin error and wrangled ATC code data in Python.

#fullstack #nuxt #vuejs
October 16, 2025 at 8:57 PM
damianwalsh.bsky.social
I wouldn't say I'm glad this happened to you, but I am glad this sort of thing doesn't only happen to me. I went through this and the whole "why is it not working" thing a little bit ago and ended up with PostCSS/cssnano.
October 16, 2025 at 4:21 PM
sturobson.com
working out a little PostCSS plugin for it.
a screenshot of VS Code. Two CSS files are open side-by-side. One is called 'input.css' the other is called 'output.css'. input.css has :root { --size: 8px; } .parent { --bg: red; } .parent .child { width: calc(inheri(--size) * 2); background: inheri(--bg); } output.css has :root { --size: 8px; --__inheri-size: var(--size); } .parent { --bg: red; --__inheri-bg: var(--bg); } .parent .child { width: calc(var(--__inheri-size) * 2); background: var(--__inheri-bg); } a postCSS plugin runs and converts the 'inherit()' function in the input.css to extra CSS custom properties in the output
October 16, 2025 at 6:52 AM
nullvoxpopuli.com
I hope this is the subtlest of shade thrown at postcss

October 15, 2025 at 9:29 PM
nullvoxpopuli.com
The postcss AST is maddening.

wHaT dO yOu MeAn ThIs Is OnLy OnE nOdE?!?!?!?

October 15, 2025 at 2:41 PM
danielbayley.dev
Sounds like a good idea for a PostCSS parser/plugin… Unless one already exists?
October 8, 2025 at 6:08 PM
aleksandrhovhannisyan.com
Anyone know if there's a postcss transform for this? I could only find this discussion but it looks like it stalled.

github.com/csstools/pos...
Polyfill for CSS Mixins level 1, @function rule. · Issue #1666 · csstools/postcss-plugins
What would you want to propose? Spec: https://www.w3.org/TR/css-mixins-1/ This one would be pretty useful and should be easy to polyfill. Currently available in Chromium for testing. Suggested solu...
github.com
October 8, 2025 at 3:54 PM
topickapp.bsky.social
https://www.bananacurvingmachine.com/articles/you-re-doing-rails-wrong
Railsに様々なツールを導入する複雑さを皮肉った記事です。
Vite, React, Babel, PostCSS, Tailwindなど、多くのツールが挙げられています。
最終的にはVanilla Railsを使うことのシンプルさを推奨しています。
Banana Curving Machine
What is a Banana Curving Machine? Well it's a fantastic apparatus that does what it says. Curves Bananas.
www.bananacurvingmachine.com
October 8, 2025 at 11:47 AM
hacker-news-jp.bsky.social
💡 Summary:

この会話は、現代のRails開発がしばしばViteやReact、Babel、PostCSS、Tailwind、ESLint、Prettier、Husky、Docker、Redis、そしてデプロイパイプラインなど、多くのツールを統合する必要があり、その設定が複雑になりがちだということをユーモラスに強調しています。これらの追加機能が充実している一方で、話し手はやはり「素のRails」にこだわる方がシンプルでわかりやすいと示唆しています。
October 8, 2025 at 9:43 AM
wbolster.nl
my foray from (mostly) backend development towards full stack is getting a bit out of hand. 😅 today i ended up writing a postcss plugin to programmatically massage a bunch of #css 🤓
October 7, 2025 at 6:57 PM
janis.me
Hey! I'm writing a "TS-in-CSS" library, so using typescript as a CSS preprocessor (see the thread if you're interested).

So I need to execute some typescript (and postcss) during the build, and include the resulting CSS as an asset. That part was neat and easy, but (...)

bsky.app/profile/jani...
janis.me Janis Jansen 🌳 @janis.me · Oct 1
It has full typescript hinting support as well.

You see what CSS will be built *inside* the type hints.
October 5, 2025 at 6:36 PM
43081j.com
new version of postcss-lit works with @rolldown.rs and latest stylelint

use it to lint/process CSS in your lit CSS templates 🚀
GitHub - 43081j/postcss-lit: PostCSS syntax for extracting CSS from template literals inside JS/TS files
PostCSS syntax for extracting CSS from template literals inside JS/TS files - 43081j/postcss-lit
github.com
September 29, 2025 at 4:56 PM
anatudor.bsky.social
If you need to ask this, I'd venture to say your code isn't something any dev worth their pay would find value in reusing.
Reddit post: Hello! I’ve built a website with plain HTML, CSS, and some JavaScript. What I’d like to do is obfuscate or hash my CSS class names at build time. For example: .red-color { background: red; } would become something like: .iqweqw19 { background: red; } And then in the HTML: <div class="red-color"></div> would turn into: <div class="iqweqw19"></div> Basically, I want to prevent people from easily reading or reusing my class naming conventions, and make the code look more “compiled.” Has anyone implemented this before? Any recommended tools, documentation, or approaches? I’ve been trying with Vite plugins and PostCSS, but it’s been messy. Thanks in advance for any pointers 🙏
September 29, 2025 at 9:51 AM
npm.bluesky.bot
2rem

2rem is a postcss plugin that convert px to rem in your css
🏠Homepage
September 28, 2025 at 9:00 AM
janis.me
Hey @en.sitnik.ru!

Maybe I am using the postCSS API wrong, but if I create a `postcss.root` with `raws: { semicolon: true }`, should `root.toString()` not respect that? It respects the after, codeAfter options etc, but never uses the extra semicolon.

Do node raw options override the root?
September 27, 2025 at 3:52 PM
commitdon.mastodon.social.ap.brid.gy
fix(deps): update dependency postcss-preset-env to v10.4.0 (renovate[bot])
https://github.com/mastodon/mastodon/pull/35873
fix(deps): update dependency postcss-preset-env to v10.4.0 by renovate[bot] · Pull Request #35873 · mastodon/mastodon
Coming soon: The Renovate bot (GitHub App) will be renamed to Mend. PRs from Renovate will soon appear from 'Mend'. Learn more here. This PR contains the following updates: Package Chang...
github.com
September 22, 2025 at 2:43 PM