PostCSS is a tool to transform styles with JS plugins. By @sitnikcode and @evilmartians.
- Tweets 4,830
- Following 67
- Followers 9,150
- Likes 468
PostCSS retweeted
Browserslist 4.21.5 was released.
We fix running Browserslist in browser. For instance, it is useful for tool’s playground like preset-env.cssdb.org/playgro…
Release’s hedgehog by eggotheheggo.
1
6
921
PostCSS retweeted
TIL that syntax like this is explicitly allowed by the CSS custom properties spec and well I have ideas.
12
17
270
122,268
PostCSS retweeted
Did you know that logical dimensions in CSS go beyond left to right and right to left?
The vertical is equally important!
You can now configure #PostCSS Logical to generate fallbacks for these writing modes 🎉
github.com/csstools/postcss-…
ALT CSS source code showing a logical property "border-inline-start".
2
6
6
3,191
PostCSS retweeted
Good news everyone!
After 2 alphas and 1 candidate release, we've now released PostCSS Preset Env 8.0.0 to NPM!
1
6
5
2,434
PostCSS retweeted
TIL about OKLCH 🎨
`oklch(L C H)` or `oklch(L C H / a)` is a new way to define CSS colors.
→ `L` is perceived lightness;
→ `C` is chroma
→ `H` is the hue
→ `a` is opacity
evilmartians.com/chronicles/…
5
4
2,444
PostCSS retweeted
You can even take it forward and combine variables in PostCSS with Custom media like this:
(No direct browser support yet in Plain CSS)
@ custom-media --large (width >= 1200px);
@ custom-media --small (width >= 400px);
@ media (--large) {}
@ media (--small) {}
1
1
2
489
PostCSS retweeted
One of my favorite postcss plugins this year is postcss-import-ext-glob
npmjs.com/package/postcss-im…
I use it to import components I have made for tailwind separated by file without having to import each one like so:
1
5
1,073
PostCSS retweeted
There is no excuse to NOT put your :hover pseudo-class inside a hover media query.
Do it once and for all with PostCSS. Works similar to Autoprefixer. No coding required.
Why?
Certain mobile browsers apply :hover styles on 'tap', which isn't desirable.
github.com/saulhardman/postc…
2
2
9
1,772
PostCSS retweeted
The future is bright in certain color spaces.
I published an article about the new oklch() color format in CSS and why it’s better than hex, rgb() or hsl().
Upcoming CSS specs will improve colors a lot (finally, native color modifications). OKLCH color space is one new feature from these specs.
evilmartians.com/chronicles/…
3
10
PostCSS can be used to analyze and transform not only CSS sources, but also many other syntaxes.
@xwoody added a new parser for CSS-in-JS syntaxes to PostCSS.
It can be used to run Stylelint for CSS-in-JS styles or to fix code format.
github.com/hudochenkov/postc…
5
6
2,821
PostCSS 8.4.21 was released with Input#error() types fix by @xwoody
github.com/postcss/postcss/p…
Release’s alchemist by 坛九
5
9
3,884
PostCSS retweeted
I finally finished @PostCSS syntax for CSS-in-JS like styled-components.
- Ideal to use with @stylelint.
- Supports full spectrum of styled-components syntax.
- Interpolations in any places.
- Deeply nested interpolations.
- Parses TypeScript.
github.com/hudochenkov/postc…
2
5
14
3,708
PostCSS retweeted
You can switch parser to postcss-scss to use // inline comments (not that all other Sass features will NOT be compiled, only comments)
1
1
1
685
PostCSS retweeted
Excited to announce the Lightning CSS visitor API! It lets you build custom CSS transform plugins in JavaScript. ⚡️
🚀 6x faster than postcss
🍱 Fully parsed values for all CSS rules and properties
🌾 Granular API
🪆 Composable
💪 Fully typed
lightningcss.dev/transforms.…
ALT Example code for a custom visitor plugin that replaces a --branding-padding environment variable with a value representing 20px.
10
68
430
114,851
PostCSS retweeted
Here comes a pretty much completed list of deprecated CSS properties and values that can be validated and fixed via stylelint. Took me quite long to gather this information from various sources.
npmjs.com/package/@isnotdefi…
2
16
1,476
PostCSS retweeted
have published postcss-js-core to help people create custom @PostCSS / @stylelint syntaxes for their css-in-js flavours (postcss-lit being one of those) github.com/43081j/postcss-js…
1
8
960
PostCSS retweeted
Slides from my talk at @balticjs about the upcoming color revolution in web development:
slides.com/ai/oklch-css
The article with a deeper dive into the subject:
evilmartians.com/chronicles/…
2
14
50
10,518
PostCSS retweeted
Hi 👋
The #PostCSS ecosystem is decentralized and everyone is free to create and publish their own plugins.
This can make it challenging at times to find the right plugin.
We hope that we can help with this 🎉
1
3
5
1,494
PostCSS retweeted
Help the @CSSWG choose the syntax for CSS Nesting. This article will walk you through the three options currently under consideration. Read through them, and take a one question survey to weigh in.
webkit.org/blog/13607/help-c…
50
73
180
76,163
