stylelint / stylelint-demo

The online demo on the Stylelint website
https://stylelint.io/demo/
MIT License
15 stars 8 forks source link

Add `:has()` polyfill for Firefox #358

Closed ybiquitous closed 1 year ago

ybiquitous commented 1 year ago

Which issue, if any, is this issue related to?

Closes #355

Is there anything in the PR that needs further explanation?

This change installs the css-has-pseudo PostCSS plugin, including a JS polyfill. See https://github.com/csstools/postcss-plugins/tree/main/plugins/css-has-pseudo

:has() on caniuse.com

image
netlify[bot] commented 1 year ago

Deploy Preview for chimerical-trifle-8d3c21 ready!

Name Link
Latest commit 8d6059f1fdef796bb76eb94e099324147ad20c32
Latest deploy log https://app.netlify.com/sites/chimerical-trifle-8d3c21/deploys/64449fda2c40f90008b98c90
Deploy Preview https://deploy-preview-358--chimerical-trifle-8d3c21.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

ybiquitous commented 1 year ago

Code using :has():

https://github.com/stylelint/stylelint-demo/blob/b010c8c34e90999436e87477f76ac14974a60ddf/src/demo.css#L157-L161

ybiquitous commented 1 year ago

@mattxwang Thank you for the review and merge! I just opened a follow-up issue #362.