PostCSS is a tool to transform styles with JS plugins. By @sitnikcode and @evilmartians.
- Tweets 4,830
- Following 67
- Followers 9,153
- Likes 468
PostCSS retweeted
We already have an experimental @PostCSS plugin to try the new syntax (thanks to @romainmenke )
github.com/csstools/postcss-…
Feel free to try it and join the discussion with your own ideas!
I made one of my CSS wish a proposal. Maybe a future feature 🫰
github.com/w3c/csswg-drafts/…
1
2
6
2,006
PostCSS retweeted
Months of work to build the tokenizers, parsers, helper functions for all the color conversions (🙇 @ant_laguna ), calc resolvers, ...
But we are finally at a point where we can throw crazy stuff like this at @PostCSS and get back the exact same result as Chrome.
ALT A very complex example of the color mix function in CSS Source : .complex { color: color-mix( in lch, purple calc(100% * sin(0.1)), color-mix( in oklch, #4fe calc(100% / 3), color( display-p3 calc(33% * 3) calc(1 / 2) -0.1) calc(100% / 3 * 2 ) ) calc(20% + 4%) ); }
3
2
16
1,875
PostCSS retweeted
We also have a new online demo that uses Web Containers to allow plugins and custom syntaxes: stylelint.io/demo
And a new init tool that makes it easier to get started if you're linting CSS: stylelint.io/user-guide/get-…
2
9
933
PostCSS retweeted
15.3.0 is out! It adds 1 new rule, 1 configuration property and fixes 4 bugs: stylelint.io/CHANGELOG#1530
A new version of our config is out too. It turns on that new rule: npmjs.com/package/stylelint-…
3
5
800
PostCSS retweeted
Was invited to @ShopTalkShow podcast.
Had a nice discussion with @davatron5000 and @chriscoyier about future of colors in CSS, OKLCH color space, P3 colors, design systems, and how we in @evilmartians are creating ecosystem around OKLCH.
shoptalkshow.com/556/
10
18
8,706
PostCSS retweeted
Look how fast oklch() support table is becoming green.
The week Chrome 111 was released with oklch() support and Firefox 111 with a flag.
I sent PR to @MozDevNet
github.com/mdn/browser-compa…
and updated OKLCH guide:
evilmartians.com/chronicles/…
2
6
32
4,339
PostCSS retweeted
Why did it take me so long to find/use `postcss-combine-duplicated-selectors` ? I can finally organize my CSS the way I want. github.com/ChristianMurphy/p…
2
1
4
1,143
PostCSS retweeted
Autoprefixer 10.4.14 was released.
Kārlis Gaņģis made Autoprefixer’s initialization 3 times faster: from 300 ms to 100 ms.
github.com/postcss/autoprefi…
Release’s knight by @sineateruk.
6
7
3,544
PostCSS retweeted
Just dropped a new post on setting up PostCSS with 🍋Deno Fresh.
Handy for minifying your CSS and also using future CSS today.
Hope you find it useful!
#askRodney #learndeno #futurecss
rodneylab.com/deno-fresh-pos…
1
2
5
948
PostCSS retweeted
Actively working on css-color-5 and then css-color-6 for PostCSS. You can subscribe here for updates : github.com/csstools/postcss-…
4
6
2,551
PostCSS retweeted
The @lightningcss Visitor API is really nice to work with. That all nodes are typed helps a lot, compared to postcss and csstree transforms I've written before.
Just published a plugin (the first @lightningcss plugin?) to wrap every selector in :where()
github.com/jacobrask/lightni…
2
7
2,422
PostCSS retweeted
Hello! it is now available!
stylelint.io/demo/
Thanks to your WebContainer API, it's also possible to check how the stylelint-plugin works! Thank you for publishing the WebContainer API!
1
2
6
690
PostCSS retweeted
There are many other awesome plugins for @stylelint. Check it out! ⬇️
github.com/stylelint/awesome…
You can use the stylelint-use-logical-spec plugin for Stylelint to enforce and automatically fix logical properties and values: npmjs.com/package/stylelint-…
(Stylelint uses PostCSS under the hood.)
1
504
PostCSS retweeted
You can use the stylelint-use-logical-spec plugin for Stylelint to enforce and automatically fix logical properties and values: npmjs.com/package/stylelint-…
(Stylelint uses PostCSS under the hood.)
1
4
7
2,566
PostCSS retweeted
This opened my eyes on why we should be writing `padding-inline-start` and `padding-block-start` instead of `padding-left` and `padding-top` (for example) in #css:
youtu.be/cV9JhEV4Ll0
Would be great is there was a @PostCSS plugin to do that automatically (maybe there is?)
2
1
6
452
PostCSS retweeted
Also worth mentioning that the core issue being brought up here is something we have a plugin option for : github.com/csstools/postcss-…
You can set "minimumVendorImplementations: 2" and use postcss-preset-env purely as a polyfill, not for future CSS.
1
1
462
PostCSS retweeted
We are starting the round table about creating community around open source projects.
I will share my experience of creating an ecosystem around @PostCSS.
youtube.com/watch?v=LFAWUyzM…
4
10
1,706
PostCSS retweeted
@sitnikcode 👏
With a passion for inventing tools to automate developers' routing, Andrey created Autoprefixer, Browserslist, and PostCSS, one of the most popular CSS tools used by Google, Facebook, Twitter, and others.
Andrey is the principal frontend engineer at @evilmartians
ALT Andrey Sitnik, creator of PostCSS, Autoprefixer and Browserlist, principal frontend engineer at Evil Martians — Dev Propulsion Labs by Evil Martians
1
1
8
635
PostCSS retweeted
The second speaker in the “Building communities around products” episode of our series of online round tables will be our own @sitnikcode.
As the author of @PostCSS, he helps engineers embrace new technologies and promote their open source products.
meetup.com/dev-propulsion-la…
6
9
5,001