PostCSS is a tool to transform styles with JS plugins. By @sitnikcode and @evilmartians.
- Tweets 4,830
- Following 67
- Followers 9,152
- Likes 468
PostCSS retweeted
Great article, thanks. You can also use the selector-max-* rules, e.g. selector-max-id, to indirectly limit nesting as these rules resolve the nesting selector. They also disallow writing out overly complex selectors in longhand:
stylelint.io/user-guide/rule…
stylelint.io/user-guide/rule…
2
3
PostCSS retweeted
Great article looking at how native CSS nesting works, some differences between it and preprocessor nesting, some of the pitfalls you can run into with it, and how you can start using it today with PostCSS
CSS nesting is (finger crossed) coming to browsers!
I wrote an article that's part introduction, part explainer on how to use it today with @PostCSS and part tips on preventing coding yourself into a corner due to specificity.
Check it out here: kilianvalkhof.com/2021/css-h…
2
3
18
PostCSS retweeted
CSS nesting is (finger crossed) coming to browsers!
I wrote an article that's part introduction, part explainer on how to use it today with @PostCSS and part tips on preventing coding yourself into a corner due to specificity.
Check it out here: kilianvalkhof.com/2021/css-h…
2
19
55
PostCSS retweeted
I've been using postcss-preset-env with spec-compatible nesting (for the most part) for years now and I'm very happy with it.
The dangerous things is people nesting 10 or so levels deep, making very long, overly specific selectors.
2
4
6
Hi @hispanic thanks for your financial contribution to PostCSS & Autoprefixer projects
opencollective.com/postcss
1
PostCSS retweeted
CSSTree validator plugin for VS Code gives more precision about a place of a problem in CSS property value and can be used in conjunction with stylelint
marketplace.visualstudio.com…
1
1
10
PostCSS retweeted
📦 Package of the Day
postcss-image-set-function
npmjs.com/package/postcss-im…
lets you display resolution-dependent images using the image-set() function in CSS, following the CSS Images specification.
#javascript #nodejs #npmPackageOfTheDay #100DaysOfCode
10
5
PostCSS retweeted
This issue popped up after my tweet. I’d love it if there were something I could attach to my licenses that assured folks there are no barriers or hindrances.
I want to encourage & help these folks; not put them at odds with their legal team.
github.com/postcss/postcss/i…
A few times a year, I’ll receive a message from an enthusiastic team whose legal folks flag one of my OSS libraries for CC0-1.0. Is there some attachment I can add to ensure they are good?
I don’t want to go MIT & force people to credit me or contribute back.
1
Very convenient rules for automatically sorting and grouping properties in your CSS code by @theKashey.
Your eyes will get used to the order and read the source code faster.
github.com/theKashey/styleli…
1
9
31
PostCSS retweeted
I stopped using Sass and switched back to CSS (with PostCSS), I'm gonna write a detailed blog post tmmrw but I wanted to share something quick
2
1
5
PostCSS 8.3.6 was released. Gusted fixed column detection for missed semicolon error.
github.com/postcss/postcss/i…
Release’s alchemist by TAKUMI.
2
8
PostCSS retweeted
📦 Package of the Day
postcss-functions
npmjs.com/package/postcss-fu…
PostCSS plugin for exposing JavaScript functions.
#javascript #nodejs #npmPackageOfTheDay #100DaysOfCode
19
6
PostCSS retweeted
Organize your CSS declarations alphabetically: Eric Bailey explains why it might be the only sensible choice for now → ericwbailey.design/writing/o…
5
4
PostCSS retweeted
📦 Package of the Day
postcss-env-function
npmjs.com/package/postcss-en…
Lets you use env() variables in CSS, following the CSS Environment Variables specification.
#javascript #nodejs #npmPackageOfTheDay #100DaysOfCode
18
7
PostCSS retweeted
Autoprefixer 10.3.1 was released.
@luke_warlow disabled prefixes for `content` property because it could contain any text inside.
github.com/postcss/autoprefi…
Release’s knight by Lucas Cranach.
2
2
PostCSS retweeted
Cool thing about Svelte, you can use the <style> tag with postcss, and define local classes for components by applying @tailwindcss classes
1
4
11
PostCSS retweeted
Interesting title for the new release of @Autoprefixer
Autoprefixer 10.3 was released. @luke_warlow added ::file-selector-button support.
github.com/postcss/autoprefi…
Release name is “Чести своей не отдам никому” (I will give my honor to no one), the motto of Pskov city of Russia.
4
1
PostCSS retweeted
Autoprefixer 10.3 was released. @luke_warlow added ::file-selector-button support.
github.com/postcss/autoprefi…
Release name is “Чести своей не отдам никому” (I will give my honor to no one), the motto of Pskov city of Russia.
3
4
3