props supports.css

[woodcox]

Hi, it looks like you could include the open props package called supports.css. I presume Adam added this one fairly recently as it’s missing from your repo.

Would you be open to a pull request for this?

[woodcox]

Having looked further at open props GitHub repo I’ve realised that it’s not in there index.css or index.js file either. So I understand why you didn’t include it.

[mayank99]

I'm still open to adding it; looks quite handy. However, the approach will need to differ. Instead of media queries or custom properties, we'd want to make them mixins that use @supports and @content.

For example:

@mixin safari-only {
  @supports (-apple-pay-button-style: inherit) {
    @content;
  }
}

[woodcox]

I've realised there is no props.supports.js file in the src of open-props git repo, so this will need to wait until one is created.

[mayank99]

we can always read the contents of the css file and extract the values from there

[woodcox]

Yeah, I've opened an issue on open-props. I'll give it a bit of time to see if it was an oversight first.