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.5 was released. @43081j fixed raws types. Now raws can be extendable, which is useful in custom parsers.
github.com/postcss/postcss/p…
Release’s alchemists: Christmas Eve in Siberia, Jacek Malczewski
1
PostCSS retweeted
Trying to wrap my head around out of gamut color mapping before improving css-color-4 (and 5) support in postcss-preset-env.
Not quite there yet 😅
romainmenke.github.io/lab-lc…
1
7
PostCSS retweeted
Fixing this issue github.com/csstools/postcss-… is taking me longer than I anticipated.
Refactoring postcss-custom-properties to use a new parser is a tough one. Getting there though! Only exportTo remains. Glad there are so many tests around this to ensure I don't break!
#PostCSS
ALT Showing a list of tests passing but some tests failing at the bottom on the exportTo feature.
1
5
PostCSS retweeted
Just use Stylus instead. It’s very similar to SugarSS, and I fixed Vetur’s Stylus autocomplete recently:
In the latest Vetur release, I fixed autocomplete for Stylus in Vue components. Now it always uses a colon between property and value, as it should be by default.
Vetur is the default VSCode extension for @vuejs by @yoyo930021 and @octref.
github.com/vuejs/vetur/relea…
1
1
1
PostCSS retweeted
Just figured out how to use SugarSS @PostCSS syntax with Vue using @quasarframework github.com/Grawl/quasar-suga…
But there is a problem with @intellijidea that does not recognize `<style lang='sss'>` as SugarSS syntax. Maybe there is a way to force it as `.sass`?
2
1
PostCSS retweeted
CSS nesting is great and I can’t imagine writing CSS any other way, I’d suggest postcss-preset-env instead of postcss-nesting directly so you benefit from other next gen CSS and have an easy upgrade path to native.
Also, keep your specificity in check: kilianvalkhof.com/2021/css-h…
CSS nesting is still in draft but might as well get used to the syntax so your selectors are future proof:
🔥 Using Sass? Prefix your nested selectors with &
🔥 Using PostCSS? Use the PostCSS Nesting plugin.
w3.org/TR/css-nesting-1/#dir…
ALT old syntax .button { .icon { color: red } } versus new syntax .button { & .icon { color: green } }
9
19
PostCSS retweeted
Finishing up a stylelint-plugin to ensure design-system tokens adoption for CSS-in-JS
1
1
2
PostCSS retweeted
🚀 CSSTree 2.0 just released!
ESM support, no white space nodes on AST, auto encode/decode string and url values, and more
Release notes and details: github.com/csstree/csstree/r…
4
15
A huge thanks to @moderntreasury for supporting PostCSS and Autoprefixer development on our Open Collective.
opencollective.com/postcss
2
PostCSS retweeted
here's a couple ways to ship less vars:
- PurgeCSS can remove them when minifying purgecss.com/configuration.h…
- PostCSS JIT Props will only add the ones you use to your CSS file, try it out here! stackblitz.com/edit/jit-open…
subtractive & additive strategies available 🤓
1
19
75% of web developers uses @Stylelint!
Linters are a very useful tool to improve code quality. We are excited to see that CSS community started to adopt linters widely too.
2020.stateofcss.com/en-US/ot…
6
PostCSS retweeted
@stylelint is secretly OP. Such a good linter for enforcing CSS conventions!
Bonus: Set up VS Code to auto-fix problems on save:
"stylelint.enable": true,
"stylelint.validate": [
"scss",
],
"editor.codeActionsOnSave": {
"source.fixAll.stylelint": true
}
#CSS
4
5
PostCSS retweeted
Utilities or tools CSS developers use mostly
• stylelint.io @stylelint
• purgecss.com
2020.stateofcss.com/en-US/ot…
1
2
PostCSS retweeted
we had some great updates/refactors from @PostCSS and @stylelint recently. to make use of some of their new stuff, here's a PostCSS syntax you can use to transform and/or lint the CSS in your lit-element/lit-html templates github.com/43081j/postcss-li…
2
7
15
PostCSS retweeted
Martian @sitnikcode has just released the new version of PostCSS 8.4, bringing some significant improvements to the table in the process.
PostCSS 8.4 was released. We added ranges for errors & warnings, removed “PostCSS does nothing” warning with lazy parsing, reduced npm install size from 1 MB to 0.3 MB and fixed types.
github.com/postcss/postcss/r…
Threat about main changes ↓
3
5
PostCSS retweeted
У Марсианина @andrey_sitnik хорошие новости про @PostCSS – вышла новая версия с несколькими существенными улучшениями.
PostCSS 8.4 was released. We added ranges for errors & warnings, removed “PostCSS does nothing” warning with lazy parsing, reduced npm install size from 1 MB to 0.3 MB and fixed types.
github.com/postcss/postcss/r…
Threat about main changes ↓
1
4
PostCSS 8.4 release name is “President Camio”. It is a demon from The Lesser Key of Solomon book.
He is a good disputer, gives men the understanding of the voices of birds, and gives true answers concerning things to come.
en.wikipedia.org/wiki/Caim
Illustration by Tim Simpson.
3
In 8.4, @kimoofey improved tooling for PostCSS development.
He moved our tests from Jest to uvu by @lukeed05. It makes tests 2x faster (yarn install & yarn unit: 4 → 13 seconds).
github.com/lukeed/uvu
1
1
9