CSS Tools
@css_tools_
Followers
604
Following
128
Media
75
Statuses
348
Maintaining CSS Tools to enable latest #CSS features with @PostCSS plugins. Created by @jon_neal Maintained by @ant_laguna & @romainmenke
The internet
Joined January 2022
🎉 We're opening this new account to tweet about @PostCSS and the efforts that we're pouring into all of our plugins at: https://t.co/C4t78x6xDE
github.com
We help you write your best CSS. CSS Tools has 119 repositories available. Follow their code on GitHub.
1
3
14
The fallback is quite fancy because the values toggle when the matched element will have a dark or light color scheme. It is not purely based on the media query. To mimick this we inject space toggles each time you set a color-scheme property.
1
0
1
🎉 We released a new #postcss plugin for the light-dark() CSS function. https://t.co/Dp9LR1jGrT
1
0
4
We also proposed gamut mapping as a focus area for interop 2024 :
github.com
Description CSS Color 4 describes how out of gamut colors must be mapped to an RGB destination. However no browser currently implements this. Browsers however do implement various features that giv...
0
0
1
Browsers don't support this part of CSS Color 4 yet. So if you want to have correct colors on all displays you should include both narrow and wide gamut color values. This new plugin helps you to do just that. https://t.co/FyYQOElo90
1
2
4
🎉 We just released @PostCSS Preset Env 9.2.0 This version includes support for gamut mapping wide gamut colors through a new plugin :
1
2
5
esbuild was happy to engage with us and has been rolling out fixes for a bunch of small details. This new bundler brings the same level of correctness to #PostCSS.
0
0
1
We made a CSS bundler for #PostCSS and a bunch of related tools and test suites 🎉 Our focus during this project was on interop with other bundlers and specification compliance. https://t.co/EBXOrxWc2U
1
6
25
It adds support for the browserslist `env`'s :
github.com
🦔 Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env - browserslist/browserslist
1
1
0
Important news ⚡️ Together with @jon_neal it was decided to move a bunch of #PostCSS plugins to an MIT-0 license. https://t.co/QX1upXx3yB We have just released new major versions of each affected plugin.
preset-env.cssdb.org
We intend to change the license of PostCSS Preset Env and related plugins to MIT-0.
0
1
7
@stylelint And .... our playground has shareable links now https://t.co/T3qboD7oog
0
0
2
We also released a @stylelint plugin to help you migrate away from "at-nest" rules if you have codebases for earlier versions of the specification : https://t.co/oY3DoZ4VXQ
1
1
5
New release for @PostCSS Preset Env 🎉 This includes the latest version of postcss-nesting and allows you to start nested selectors with a letter. https://t.co/PAdVL7ixiH
1
5
31
Safari already supports this feature, but with our new PostCSS plugin you can use it in any browser :
0
0
5
#PostCSS Preset Env now has support for relative color syntax 🎉 Read all about it : https://t.co/B7uCo6ReLf
5
15
63
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 🎉
toggle between the HDR gradient and a classic SDR gradient to quickly compare what you're gaining with the new tool
0
5
16
Announcing… 🥁 https://t.co/c6Gg3SatKx A modern #CSS gradient and color picking tool for next-gen gradients: - explore color spaces - export modern and classic CSS - explore gradient features - share them - learn rad tips & tricks Chrome and Safari only (but not for long!)
23
159
885
You can use future CSS in Svelte today if you `npm i -D postcss-preset-env` and add `postcss.config.js`. 🔥 Stage 2 features are enabled by default but use `features` to enable others: https://t.co/NYKu9406nH. I'm using CSS nesting and custom media queries in major browsers.
0
8
57