PostCSS@PostCSS

PostCSS is a tool to transform styles with JS plugins. By @sitnikcode and @evilmartians.

postcss.org/
Joined November 2014
596 Photos and videos
Load newest
postcss-d-ts, a @PostCSS plugin to generate `.d.ts` declaration for TypeScript `import` from used CSS classes and ids 😊 👉🏼 github.com/askirmas/postcss-… by @askirmas #PostCSS #CSS #cssCrafters #TypeScript
16
34
Replying to @tailwindcss
With PostCSS in peer dependencies next 8→9 migration will be much easier than current PostCSS 7→8 migration.
1
2
PostCSS retweeted
GrygrFlzr@GrygrFlzr
18 Mar 2021
Replying to @aislan_maia @SvelteSociety @vite_js
npm init svelte@next # pick typescript + css npx svelte-add postcss npx svelte-add tailwindcss npm install && npm run dev Boom, proper fast Tailwind on SvelteKit running on top of Vite, zero configuration.
5
10
PostCSS retweeted
John@burntcustard
17 Mar 2021
Disagree with this, there's so much more than just nesting that CSS preprocessors are used for. Variables being a big one. Yes, CSS custom properties are a thing, but sometimes you can get better perf and/or cleaner outputted code by "hardcoding" in numbers with SCSS/PostCSS vars
Ben Frain@benfrain
17 Mar 2021
New Post: 'Official CSS Nesting – the final piece of the puzzle' Maybe we can think about retiring Sass/PostCSS soon, and that will be their finest moment. benfrain.com/official-css-ne…
2
1
1
PostCSS retweeted
Ben Frain@benfrain
17 Mar 2021
New Post: 'Official CSS Nesting – the final piece of the puzzle' Maybe we can think about retiring Sass/PostCSS soon, and that will be their finest moment. benfrain.com/official-css-ne…

Official CSS Nesting – the last piece of the puzzle

Back in 2013 I wrote one of the first books on Sass, “Sass and Compass for Designers”. While I believe it is the best tech book I have written, I went into it knowing what a niche topic it was. It...

benfrain.com
2
6
30
Replying to @malfaitrobin @bradlc
Yeah, but afaik Vite only supports a single PostCSS config for all entries. In Webpack you can work around this with include/exclude rules based on the module name
1
1
PostCSS migrated from husky to simple-git-hooks for pre-commit hook management. github.com/toplenboren/simpl… A new tool has 0 dependencies, 100 times smaller and 50 times faster than husky 4, and does not have legal risks of the non-open-source license of husky 5.

GitHub - toplenboren/simple-git-hooks: A simple git hooks manager for small projects

A simple git hooks manager for small projects. Contribute to toplenboren/simple-git-hooks development by creating an account on GitHub.

github.com
1
8
42
PostCSS retweeted
Adam Wathan
@adamwathan
15 Mar 2021
🚀 Excited to share the biggest advancement we've made with Tailwind CSS since the first release back in 2017! ⚡️ A lightning fast JIT compiler 🧁 Never configure variants again 🤸 Write less custom CSS than ever Watch the announcement 👉 youtube.com/watch?v=3O_3X7In…
192
735
3,466
Replying to @Atinux @kissu_io @nuxt_js
postcss-nested used Sass-like nested syntax. postcss-nesting uses official CSSWG nested syntax. But the official syntax is not equal to Sass nesting. All selectors must start from & or @nest.
1
4
15
PostCSS 8.2.8 was released. @mattcompiles fixed bundling PostCSS to client-side JS bundler in webpack 4. github.com/postcss/postcss/p… Release’s alchemist by Andrey Bakulin artstation.com/korner
1
3
PostCSS retweeted
Adam Argyle
@argyleink
9 Mar 2021
A grid with centered content and more padding as more screen space is available ✅ custom property spacing ✅ nesting centralized ownership ✅ level 4 @ media query syntax ty @ postcss-preset-env for enabling us, love being able to write this preset-env.cssdb.org/feature…
main { display: grid; gap: var(--space-xl); place-content: center; padding: var(--space-sm); @media (width >= 540px) { & { padding: var(--space-lg); } } @media (width >= 800px) { & { padding: var(--space-xl); } } }

ALT main { display: grid; gap: var(--space-xl); place-content: center; padding: var(--space-sm); @media (width >= 540px) { & { padding: var(--space-lg); } } @media (width >= 800px) { & { padding: var(--space-xl); } } }

1
67
360
Thanks to @themeisle for their $10 000 donations to PostCSS development themeisle.com/
8
23
PostCSS retweeted
Stylelint@stylelint
6 Mar 2021
13.12.0 is out! It adds 1 new rule, 1 new option and squishes 2 bugs: - stylelint.io/changelog#13120 New versions of our official configs are also out: - recommended: github.com/stylelint/styleli… - standard: github.com/stylelint/styleli…
5
10
Autoprefixer 10.2.5 was released. @Semigradsky fixed : support in supports at-rules. github.com/postcss/autoprefi… Release’s knight by konhis: instagram.com/konhis_art/
3
3
WebStorm 2021.1 Beta is now available! What’s new: - Improvements for Stylelint - Support for CSS modules in Vue - Support for Git commit message templates - New Save to Shelf action - Enhancements for pull requests Learn more: blog.jetbrains.com/webstorm/…
2
11
48
PostCSS 8.2.7 was released. @mattcompiles fixed bundling PostCSS to client-side JS bundler in webpack 5. github.com/postcss/postcss/p… Release’s alchemist is art from the amazing Disco Elysium game by @studioZAUM.
2
6
11
I left a deprecation notice & made a commitment to remove support for nested media queries in PostCSS Nesting, as the feature was never put into spec & no vendors showed interest. It’s 2 years later. Now it’s time to publish an update. But do I follow my own rule? Do I break it?
4
1
5
Sass makes life easier, but it can't do everything. Learn how to use PostCSS to create a custom CSS preprocessor that compiles Sass syntax and adds extra features. sitepoint.com/postcss-sass-c…
4
12
Load more