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
We migrated from yarn 1 to @pnpmjs and from Jest to uvu (also other dependencies cleaning). It reduced node_modules a lot and speed up CI 2-3x times: 1 minute → 30 seconds. Before: github.com/postcss/autoprefi… After: github.com/postcss/autoprefi…
8
37
Can't update to the latest version of postcss-preset-env because you need to migrate your source code? Got you covered with : github.com/romainmenke/postc… Use the stop-gap #postcss plugin or the VSCode extension to do a quick one time migration.
0:07
4
11
postcss-preset-env (Babel for CSS) got a new beginning with great plans. @ant_laguna and @romainmenke did a lot of work. github.com/csstools/postcss-…
3
16
PostCSS retweeted
Stylelint@stylelint
21 Dec 2021
14.2.0 is out! It adds two options to the Node.js API and fixes 5 bugs: stylelint.io/changelog/#1420
2
1
With a 91% satisfaction ratio, @PostCSS received the Highest Satisfaction award from The State of CSS 2021. 🏆 Crazy cool! Congratulations to our colleague @sitnikcode, the author of PostCSS and many other well-known open source frontend projects! 🎉 amp.gs/jtgHY
1
4
14
Latest experiment with visualising wider gamut colors : romainmenke.github.io/lab-lc… WIP for postcss-preset-env : github.com/csstools/postcss-… #postcss
Screenshot of a tool to visualise color conversion from LAB to Display-P3 and sRGB. Currently showing a gradient from a bright blue to a salmon pink. Both get clipped a little bit in sRGB as they are out of gamut.

ALT Screenshot of a tool to visualise color conversion from LAB to Display-P3 and sRGB. Currently showing a gradient from a bright blue to a salmon pink. Both get clipped a little bit in sRGB as they are out of gamut.

CSS code with Display-P3 values and a fallback in sRGB for older browsers. This code enabled more colors in Safari without breaking in other browsers.

ALT CSS code with Display-P3 values and a fallback in sRGB for older browsers. This code enabled more colors in Safari without breaking in other browsers.
4
4
Replying to @PostCSS
Also the adoption is wide greater considering that postcss is used under the hood with autoprefixer and ppl don't know it.
1
1
We are very happy to see that PostCSS won “Highest Satisfaction” award in The State of CSS 2021 🎉🎉🎉 2021.stateofcss.com/en-US/aw… Support PostCSS and Autoprefixer development on Open Collective opencollective.com/postcss
3
7
55
We've fixed a bunch of issues in this process, most importantly postcss-values-parser compromising PostCSS's prototype in unexpected ways. We hope this makes the experience of bumping to 7.X more seamless.
1
1
2
Announcing we've moved all of #CSSTools plugins that were part of @PostCSS Preset Env to a Mono Repo 🎉 You can read more about that here github.com/csstools/postcss-… A quick 🧵
1
4
6
Replying to @PostCSS
@PostCSS friends, is there a way to disable the transformation of some logical properties? I mean, by disabling the plugin "logical" I'll disable all the logical props transformation (leaving them as they are). But some of them, like "inset" still need to be transformed :(
1
1
The CSS on parceljs.org is now auto prefixed and minified by @parcel/css! 🥳
1
2
59
Browerslist now has grammar definition for queries. Thanks to @g3plane from browserslist-rs project. github.com/browserslist/brow…
6
6
PostCSS retweeted
csstree@csstree
14 Dec 2021
🚀 stylelint-validator 2.0 Implemented at-rule validation, improved ignore options and Sass/Less syntax extensions, ESM support Release notes: github.com/csstree/stylelint…

Release 2.0.0 – At-rule validation, ignore options and Sass/Less improvements, ESM support ·...

Added syntaxExtensions option to specify syntax extensions, i.e. sass or/and less. For now the plugin validates CSS only by default Added at-rule validation for name, prelude and descriptors Added ...

github.com
4
4
Browserslist 4.19 was released with throwOnMissing option and many fixes github.com/browserslist/brow… github.com/browserslist/brow… github.com/browserslist/brow… github.com/browserslist/brow…
0:05
1
1
...and today new major version 5.0 of create-#react-app has been released! 🎉 Containing some important updates, like @webpack 5, @jest 27, @PostCSS 8 and also adds support for @tailwindcss 👍 👉 github.com/facebook/create-r…
1
2
4
With PostCSS you can use future CSS colors right now. Plugins can polyfill lch() color function and percentage value for opacity property. P3 → sRGB mapping is also coming github.com/csstools/postcss-…
@sitnik_en@mastodon.social@sitnikcode
14 Dec 2021
A thread about the future of color in CSS. Why P3 colors will be the “new retina” that we will all have to support. How we will write colors in CSS in 2022-2023.
2
5
saulhardman/postcss-hover-media-feature: PostCSS plugin that extracts and wraps rules containing `:hover` pseudo-classes in `@media (hover: hover) {}` media queries github.com/saulhardman/postc…
1
PostCSS core repository was moved from Yarn 1 to pnpm. github.com/postcss/postcss/c… We already had a great experience with @pnpmjs on @Browserslist.

Move from yarn to pnpm · postcss/postcss@ec80417

github.com
3
19
Today is releasing day! #PostCSS We've updated all of the plugins that conform postcss-preset-env that are under CSSTools org. Stay tuned for an announcement on this! As usual thanks a lot to @romainmenke The rest have pending PRs 🎉
A list of npm emails that state that a plugin has been successfully published.

ALT A list of npm emails that state that a plugin has been successfully published.

1
3
12
Load more