stylelint-value-list-box-shadow-inset-first

Stylelint rule for checking if box-shadow inset values are first in list.

Usage no npm install needed!

<script type="module">
  import stylelintValueListBoxShadowInsetFirst from 'https://cdn.skypack.dev/stylelint-value-list-box-shadow-inset-first';
</script>

README

stylelint-value-list-box-shadow-inset-first

Build Status

Stylelint rule for checking if box-shadow inset values are first in list.

Install

npm install stylelint-value-list-box-shadow-inset-first --save-dev

Usage

Add this config to your .stylelintrc:

{
    "plugins": [
        "stylelint-value-list-box-shadow-inset-first"
    ],
    "rules": [
        "plugin/value-list-box-shadow-inset-first": true
    ]
}

Details

a { box-shadow: inset 1px 1px 1px #fff, 2px 2px 2px rgba(0,0,0,1), inset 3px 3px 3px red; }
/**                                                                ↑
 * Inset value group is not positioned in correct order */

Options

true

The following pattern is considered warning:

a { box-shadow: inset 1px 1px 1px #fff, 2px 2px 2px rgba(0,0,0,1), inset 3px 3px 3px red; }

The following pattern is not considered warning:

a { box-shadow: inset 1px 1px 1px #fff, inset 3px 3px 3px red, 2px 2px 2px rgba(0,0,0,1); }

License

MIT © Ivan Nikolić