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 retweeted
🎨 Modern colors are coming to CSS, already in Safari. Quick blog post on easy future-proof @tailwindcss support for your custom project accent color w/ GitHub repo. solberg.is/tailwind-with-okl…
/cc @argyleink @andreysitnik @adamwathan @t3dotgg @devongovett
[safari vs. firefox]
1
6
12
PostCSS retweeted
You don't need tools, to add RTL support to your site, use logical properties for that.
The support is solid, and if you do need a fallback, @css_tools_'s @PostCSS Preset-env is your friend 😉
All our CSS Components are RTL aware by default, check it out fylgja.dev/features/rtl/
8
8
PostCSS retweeted
Ecosystem around oklch() colors in CSS is growing.
developer.mozilla.org/en-US/…
I added supports table to MDN.
github.com/mdn/browser-compa…
Don’t worry @css_tools_ has a good oklch() polyfill for most of the cases.
github.com/csstools/postcss-…
4
5
PostCSS retweeted
The new syntax for media queries is great and there is a PostCSS plugin for browsers that don’t support it yet 🥳👏
👀 Did you know that there's a new syntax for range media queries? It's been in Firefox for a while, and will be available in Chrome from version 104. Take a look in this post from @rachelandrew
developer.chrome.com/blog/me…
1
3
Wow, @ey_doberman just donated $881 for PostCSS development. Thanks!
opencollective.com/postcss
1
4
PostCSS retweeted
If you use PostCSS and preset-env this is already enabled! 🪄
Otherwise available as a plug-in too!
npmjs.com/package/@csstools/…
4
5
PostCSS retweeted
June 15 is IE end-of-life date.
We plan to release new Browserslist patch version on next week, where IE 11 will be in `dead` query (and removed from default target browsers).
What do you think?
github.com/browserslist/brow…
Update to IE11 End of Life story:
the USDS dropped official support for IE11 after traffic to government sites plummeted from ~3% to <1% in 2021. Too small to be independently tracked.
49 days to June 15, Microsoft's EOL date!
All this and more in my next @Reactathon talk!
3
27
56
PostCSS retweeted
A new build for Chrome 102 has shipped with an important (puns...) fix for Cascade Layers.
This issue was discovered when implementing the #PostCSS plugin with @OddBird and asking @TerribleMia for feedback.
bugs.chromium.org/p/chromium…
1
1
4
PostCSS retweeted
Here's a polyfill for layers. It works by editing your selectors if they're in a layer to give them a higher specificity value. #cssday
5
10
PostCSS retweeted
14.9.0 is out! It adds one new rule and fixes 2 bugs, including 1 related to `:is()` and `:where()`:
- stylelint.io/changelog/#1490
It's accompanied by new releases of the official configs:
- github.com/stylelint/styleli…
- github.com/stylelint/styleli…
4
9
PostCSS retweeted
Browserslist 4.20.4 was released. @g3plane fixed Opera support in mobileToDesktop (used by Babel).
github.com/browserslist/brow…
Release’s hedgehog by Tawa-san
instagram.com/reel/CdqF1tYp7…
5
13
PostCSS retweeted
The PostCSS / stylelint plugin stylelint-use-logical-spec has been updated to now support animation and better shorthand.
Its now fully compliant with logical properties
npmjs.com/package/stylelint-…
6
4
PostCSS retweeted
Now that all plugins are migrated, we've released new versions for the CLI and Preset Env. Now both include Cascade Layers and also Trigonometric which was recently released
We didn't stop here...
We've just released a new plugin!
PostCSS Trigonometric Functions is just freshly out
npmjs.com/package/@csstools/…
1
1
2
PostCSS retweeted
Building a design in CSS nowadays is no longer about “is this design possible with CSS?” and it’s more about “what CSS solution should I use?”.
CSS rocks ❤️
1
11
85
PostCSS retweeted
Don’t forget about very useful `supports X` query.
With it, you can target browsers supported specific Can I Use feature.
For instance, `supports es6-module` will target to Autoprefixer/Babel/postcss-preset-env only browsers with ESM support.
github.com/browserslist/cani…
6
8
PostCSS retweeted
I wanted to use the @materialdesign color space (HCT) in CSS so I created a @PostCSS plugin that can transform the syntax to valid CSS!
github.com/rodydavis/postcss…
#css #webdev #hct #postcss #plugin
2
4
14
PostCSS retweeted
Use HCT with PostCSS 🙂
github.com/rodydavis/postcss…
👋 Hello HCT!
Using hue, chroma, and tone, Material Design's new, perceptually accurate color space gives designers a system that can truly reflect what users see.
Read more → goo.gle/36epup6
1
2
32
PostCSS retweeted
This is fucking wild. A postcss plugin where you can directly import design tokens from style dictionary files.
How's Monday for some brand new plugin? We bet it's cool.
This one is different though. We've deviated from our strict path of only spec-related work to deliver PostCSS Design Tokens.
It's fresh here! Want to know more? Read along!
npmjs.com/package/@csstools/…
3
5
21
PostCSS retweeted
How's Monday for some brand new plugin? We bet it's cool.
This one is different though. We've deviated from our strict path of only spec-related work to deliver PostCSS Design Tokens.
It's fresh here! Want to know more? Read along!
npmjs.com/package/@csstools/…
4
15
39
PostCSS retweeted
14.8.3 is out! It fixes several bugs, including false positives for the `display-mode` media feature and the `layer` at-rule:
stylelint.io/changelog/#1483
3
8