PostCSS@PostCSS

PostCSS is a tool to transform styles with JS plugins. By @sitnikcode and @evilmartians.

postcss.org/
Joined November 2014
596 Photos and videos
Load newest
PostCSS gets Relative Color Syntax 😻
romainmenke@romainmenke
22 May 2023
All the details : preset-env.cssdb.org/blog/po…
2
11
4,613
PostCSS retweeted
CSS Tools@css_tools_
22 May 2023
#PostCSS Preset Env now has support for relative color syntax 🎉 Read all about it : preset-env.cssdb.org/blog/po…
CSS Source code example of relative color syntax. It shows a modification of the CSS color "darkorchid" with an inverted lightness and some other alterations. The relative color syntax allows you to tweak specific color components from a given color. Source : .example { background: oklab( from darkorchid calc(1.0 - l) calc(a * 0.8) b ); }

ALT CSS Source code example of relative color syntax. It shows a modification of the CSS color "darkorchid" with an inverted lightness and some other alterations. The relative color syntax allows you to tweak specific color components from a given color. Source : .example { background: oklab( from darkorchid calc(1.0 - l) calc(a * 0.8) b ); }

5
14
63
13,734
PostCSS retweeted
Okiki Ojo@okikio_dev
20 May 2023
Replying to @hypeddev
This is an awesome article. I built a postcss plugin for automatically generating linear() easing functions, postcss-spring-easing npm.im/postcss-spring-easing
4
9
970
💖 I'm sponsoring @alexander_akait because… he is working on the webpack library and is involved a lot in the open source ecosystem! Now you can take some additional coffee with your Mangoes! ☕️🐈 github.com/sponsors/alexande… #github #sponsors #opensource #webpack

Sponsor @alexander-akait on GitHub Sponsors

Hello, I'm Alexander, I love OSS, JavaScript and Rust. Brevity is the soul of wit :smile:

github.com
1
7
13
4,778
Nesting in CSS is available in Chrome and Safari 16.5 TP. That's a feature that I really can't wait for to officially land. Until then, we can use PostCSS to use it today.
2
5
846
PostCSS retweeted
Stylelint@stylelint
23 Apr 2023
15.6.0 is out! It adds 3 config options, adds 1 rule option, and fixes 5 bugs, including a regression of the `declaration-block-no-duplicate-properties` rule. stylelint.io/changelog/#1560
1
10
1,316
Replying to @lordfpx
Most people that use CSS nesting today use a plugin like postcss-nesting, not the in-browser implementation.
1
2
889
PostCSS retweeted
Dima Belyaev
@blvdmitry
22 Apr 2023
The reason I like @PostCSS so much is that you can still build your custom css features while still writing the same syntax. Trying out a small PostCSS plugin in Reshaped to write responsive styles without copy pasting the code for each viewport size
1
1
13
2,488
PostCSS retweeted
CSS Tools@css_tools_
21 Apr 2023
Such a nice tool 🤩 If you are using PostCSS Preset Env, you can use just the HDR / Modern format and let PostCSS generate all the fallbacks 🎉
Adam Argyle
@argyleink
20 Apr 2023
Replying to @argyleink
toggle between the HDR gradient and a classic SDR gradient to quickly compare what you're gaining with the new tool
0:13
5
16
10,432
Replying to @devongovett @lightningcss
Wow, It's next gen PostCSS!
1
1
2
565
PostCSS 8.4.23 was released. We fixed a few warnings in TypeDoc syntax. github.com/postcss/postcss/c… Release’s alchemist by Martinus Rørbye.
1
649
stylelint takes care of that for you.
1
421
PostCSS 8.4.22 was released. @remcohaszing made a huge work with refactoring all type system to make it works node16 mode in TypesScript. github.com/postcss/postcss/p… Release’s alchemist by Pietro della Vecchia.
4
7
5,221
PostCSS retweeted
Stylelint@stylelint
16 Apr 2023
Stylelint 15.5.0 is out! It adds 2 rule options, fixes 4 bugs, and improves the CLI help. stylelint.io/CHANGELOG#1550 Our recommended/standard configs are out too! They turn on a new option and restore a rule accidentally removed. github.com/stylelint/styleli… github.com/stylelint/styleli…
3
13
3,407
I subscribed for regular donations because I use postcss-preset-env as a CSS polyfill in every application. They are like Babel but for CSS. And I convinced my company to sponsor them as well.
CSS Tools@css_tools_
13 Apr 2023
We've setup GitHub Sponsoring for CSS Tools, giving you more options to support our work 🎉 github.com/sponsors/csstools We greatly appreciate any and all contributions, including bug reports and feature requests 😊
1
2
2
2,299
Normally, I wouldn't mention donations on here, but this one's special. These folks at @css_tools_ create most of the CSS polyfills you see & use daily. Their work is essential to our online experiences. So if you can, pay attention & support them! 👩‍💻👨‍💻 #CSS #SupportDevelopers
CSS Tools@css_tools_
13 Apr 2023
We've setup GitHub Sponsoring for CSS Tools, giving you more options to support our work 🎉 github.com/sponsors/csstools We greatly appreciate any and all contributions, including bug reports and feature requests 😊
1
5
3
4,162
If you are using CRA, Next.js, Rails’s webpacker, Nuxt, you are already using postcss-preset-env. Fund them, because the income of your company really depends on their job. github.com/sponsors/csstools

Sponsor @csstools on GitHub Sponsors

Support CSS Tool's open-source work

github.com
3
420
postcss-preset-env is that CSS polyfill tools, which everyone uses. Check your lock file, your will find them (or some of their plugins). Their work really affect of DX of CSS development. Told to your company about sponsoring them. They deserve it a lot.
CSS Tools@css_tools_
13 Apr 2023
We've setup GitHub Sponsoring for CSS Tools, giving you more options to support our work 🎉 github.com/sponsors/csstools We greatly appreciate any and all contributions, including bug reports and feature requests 😊
1
4
12
2,871
Do we have users with big PostCSS plugins written in TypeScript? Can you check that this PR doesn’t break your types? github.com/postcss/postcss/p… Just replace in package.json: "postcss": "8.4.21" → "postcss": "remcohaszing/postcss#fix-types"
1
1
883
PostCSS retweeted
CSS Tools@css_tools_
12 Apr 2023
A color wheel is a nice way to see the effects : codepen.io/romainmenke/pen/g… (screenshot : hsl on the left, oklch on the right)
Two color wheels, one drawn with HSL in sRGB and one drawn with OKLCH. The second color wheel is much more uniform in brightness and saturation compared to the first one.

ALT Two color wheels, one drawn with HSL in sRGB and one drawn with OKLCH. The second color wheel is much more uniform in brightness and saturation compared to the first one.

1
7
25
5,797
Load more