Notes

Check browser support with `supports`

Edit on GitHub

CSS & Sass
  • @supports let’s you check for browser support for a particular declaration/property.
  • The browser must support @supports in order for it to work.
  • You can use @supports as well as @supports not
1@supports (display: grid) {
2  div {
3    display: grid;
4  }
5}
1@supports not (display: grid) {
2  div {
3    float: right;
4  }
5}

-MDN: @supports