PostCSS is a tool to transform styles with JS plugins. By @sitnikcode and @evilmartians.
- Tweets 4,830
- Following 67
- Followers 9,151
- Likes 468
PostCSS 8.4.17 was released.
@romainmenke fixed unexpected behavior of Node.before().
github.com/postcss/postcss/p…
Release’s alchemist by Sofonisba Anguissola.
7
PostCSS retweeted
PostCSS Media Minmax plugin:
github.com/postcss/postcss-m…
Use level 4 syntax:
@media screen and
(width >= 500px) and (width <= 1200px)
transpiles to:
@media screen and
(min-width: 500px) and (max-width: 1200px)
Remove the plugin once the new #CSS syntax is supported everywhere.
4
4
PostCSS retweeted
Stylelint now supports file content based caching! This feature should be helpful to speed up linting CI jobs on a large project. See the doc for details👇
stylelint.io/user-guide/usag…
14.13.0 is out! It adds a new `cacheStrategy` option and fixes a bug with cache refreshing. It also fixes a bug with one rule.
stylelint.io/changelog/#1413…
2
PostCSS retweeted
14.13.0 is out! It adds a new `cacheStrategy` option and fixes a bug with cache refreshing. It also fixes a bug with one rule.
stylelint.io/changelog/#1413…
4
8
PostCSS retweeted
14.12.1 is out! It fixes 2 bugs, including `font-weight-notation` messages and the type declarations.
stylelint.io/changelog/#1412…
2
7
PostCSS retweeted
Autoprefixer 10.4.12 was released with a fix for gradients prefixes.
@yisibl added support for unitless zero for angle values.
github.com/postcss/autoprefi…
Release’s knight is Don Quixote by Gustave Doré.
2
3
PostCSS retweeted
👋 Say hello to @tokencss!
For years I've been waiting for a tool that brings intelligent design system constraints into my workflow without getting in the way of writing plain old CSS.
Token CSS is a @PostCSS plugin and @Code extension that does just that.
Token CSS is a new tool to seamlessly integrate Design Tokens into your dev workflow ✨
😍 Author `.css` + `<style>` blocks
💄 Powered by custom properties
⚙️ Config uses @DesignTokens format
🚀 Built-in, modern presets
🧑🚀 @astrodotbuild support
tokencss.com
ALT main.css file containing the following code: .container { padding: md; /* var(--size-md) */ margin: lg auto; /* var(--size-lg) auto */ max-width: 8xl; /* var(--size-8xl) */ } .box { background: primary; /* var(--color-primary) */ width: full; /* var(--size-full) */ height: 3xl; /* var(--size-3xl) */ border-radius: md; /* var(--radius-md) */ }
6
23
173
PostCSS retweeted
14.12.0 is out! It adds a handful of new features, including autofix to 2 rules. It also fixes 3 bugs, including false positives for `@container` and container query units.
stylelint.io/changelog/#1412…
5
12
PostCSS retweeted
Hi there 👋
Just a quick update before the weekend on Cascade Layers.
ALT Example CSS source code using CSS Cascade Layers. import url(theme.css) layer(theme); @layer app { p { color: pink; } }
2
7
18
PostCSS retweeted
Browserslist 4.21.4 was released.
Firefox 91 was removed from `firefox esr` query.
Update Browserslist in your project to have fewer polyfills and faster JS app.
Release’s hedgehog by moose.thehog.
5
14
PostCSS retweeted
Atuoprefixer 10.4.11 was released.
@romainmenke improved text-decoration prefixes by separation longhand properties and using MDN data.
github.com/postcss/autoprefi…
Release’s knight by Alexey Egorov.
2
2
PostCSS retweeted
Add a new rule to @Browserslist config linter. `not dead` and `defaults` already has `not IE 11`. You can remove it from your config.
github.com/browserslist/lint
We use the linter on new Browserslist website. Test your project’s config right now:
browsersl.ist/
6
14
PostCSS retweeted
The latest Can I Use update broke Autoprefixer.
Error: Cannot find module 'caniuse-lite/data/features/css-unicode-bidi'
If you have this error, update Autoprefixer to 10.4.9.
We fixed the bug in 10 minutes at night, 2am. If you want to support our work:
opencollective.com/postcss
1
7
27
PostCSS retweeted
Stylelint rule for preventing the use of low-performance animation and transition
github.com/konstantin24121/s…
Convert CSS best practices to Stylelint rules is an easy way to learn JS for CSS developers.
19
51
PostCSS retweeted
Friends, I’ve been really quiet here lately. Mainly because I’ve been focusing all my attention and energy on my course: “Mastering Prettier & Stylelint.” ✨
And I’m incredibly happy that I can share with you today what I’ve been working on for the past 6+ months. 🎉
1
5
19
Browserslist is a way to set target browsers for Autoprefixer, postcss-preset-env, and Babel.
They just launched new website to debug your config and reduce necessary polyfills for faster Web.
ProductHunt’s announce about new tool:
producthunt.com/posts/browse…
Today, Browserslist website is on ProductHunt 🥳
producthunt.com/posts/browse…
Take a look and share your feedback!
2
5
PostCSS retweeted
Browserlist, one of the most popular OSS frontend library dependencies used by Autoprefixer, Babel, ESLint, Next.js, PostCSS, Webpack, is debuting on Product Hunt!
If you’ve ever utilized it (or plan to), we’d be happy to have support with your votes!
producthunt.com/posts/browse…
Today, Browserslist website is on ProductHunt 🥳
producthunt.com/posts/browse…
Take a look and share your feedback!
7
10
It uses PostCSS under the hood
We continue creating an ecosystem around the oklch() color format for CSS.
@fedya_petrakov published a tool to convert colors to oklch() automatically.
You will be able to read colors by looking at code. And oklch() has no a11y issues like hsl() has.
github.com/fpetrakov/convert…
2
PostCSS retweeted
We published our new Browserslist website to ProductHunt.
We need your support to promote browsers diversity.
Web browser usage differs substantially across regions.
Today, Browserslist website is on ProductHunt 🥳
producthunt.com/posts/browse…
Take a look and share your feedback!
8
19
PostCSS retweeted
Today, we launch browsersl.ist—the best playground for composing and experimenting with queries.
We’ve developed the website to help engineers build web apps for diverse audience and keep JavaScript and CSS code bundles small.
dev.to/cubejs/browserslist-b…
1
23
48