doiuse
doiuse copied to clipboard
anandthakker
:bomb: Lint CSS for browser support against caniuse database.
The docs suggest I should use doiuse as a postcss plugin like this? ``` postcss(doiuse({onFeatureUsage:function(usageInfo){ alert(usageInfo.message); }})).process(styleSheetContent) ``` But, I had to use it this way: ``` postcss([doiuse]).process(styleSheetContent).then(function(result) { alert(result);...
Upstream issue originally reported in mdn/YouShouldUse#34. Quoting the first comment: > It's be nice not to moderate the tone of the comments when a user is using good progressive enhancement...
```css /* main.css */ .foo { --adapt-status-bar-fold-horizontal-gap: 1px; display: flex; } ``` ```sh doiuse --browsers "chrome >= 49" main.css ``` ``` main.css:2:1: gap property for Flexbox not supported by: Chrome...
# Why? When a browser doesn’t understand a CSS declaration, it ignores it. That fact is used to do progressive enhancement by specifying the same property twice — if second...
``` FAIL test/postcss-plugin.js ✖ ENOENT, UV_ENOENT '/var/www/doiuse/package.json' node_modules/mock-fs/lib/binding.js 460 | } 461 | if (!item) { > 462 | throw new FSError('ENOENT', filepath); | ------------^ 463 | } 464...
Very long strings are difficult to read, and could be represented much more concisely when there is a run of consecutive major versions, e.g. > Unexpected browser feature "flexbox-gap" is...
When a data-url contains a string that looks like a number and unit, the rule triggers: Example code: ```css span { background-image: url( data:image/svg+xml;base64,..............5vb............ ); } ```
I use stylelint with the plugin no-unsupported-browser-features, that uses doiuse internally Stylelint report an error `Unexpected browser feature "css-not-sel-list" is not not supported by ...` with the following code: ```scss...
Metadata
Owner
Metadata
:bomb: Lint CSS for browser support against caniuse database.