RJWadley / stylelint-no-unsupported-browser-features

Disallow features that aren't supported by your target browser audience.
426 stars 20 forks source link

Flex gap isn't reported #273

Closed Razunter closed 1 year ago

Razunter commented 1 year ago

gap property can be used both in grids and flex, but browser support for these cases is different. Currently, plugin doesn't detect gap usage with display: flex

There should be at least a simple check for both these properties in one rule:

      display: flex;
      gap: 20px;

MDN

Testing with

  "browserslist": [
    "last 3 versions",
    "> 0.2%",
    "safari >= 10",
    "ios_saf >= 10",
    "not IE < 12",
    "not ie_mob < 12",
    "not op_mini all",
    "not dead"
  ],
ismay commented 1 year ago

See this comment: https://github.com/ismay/stylelint-no-unsupported-browser-features/issues/245#issuecomment-1140248178

This plugin leverages doiuse for detection, so any updates should be implemented there.

ismay commented 1 year ago

More specifically: https://github.com/anandthakker/doiuse/issues/144