Lint rtlcss directive comments
npm install stylelint-rtlcss-comments``js
module.exports.plugins = [
// ...
'stylelint-rtlcss-comments',
// ...
];
module.exports.rules = {
// ...
'rtlcss-comments/block-directives': / ... /,
'rtlcss-comments/bang': / ... /,
// ...
}
`
Disallows usage of rtl:begin: and rtl:end: block directives depending on options.
'rtlcss-comments/block-directives': 'never'
Disallows all the block directives. Other, non-block, directives are still allowed.
``
.invalid {
/rtl:begin:ignore/
margin-left: 0;
padding-left: 0;
/rtl:end:ignore/
}
``
.valid {
/rtl:ignore/
margin-left: 0;
/rtl:ignore/
padding-left: 0;
}
'rtlcss-comments/block-directives': 'wraps-properties'
Only properties (and comments) are allowed within block directives. Directives should begin and end winthin same context: stylesheet, rule or @-rule.
``
.invalid {
/rtl:begin:ignore/
left: 0;
}
``
/rtl:begin:ignore/
.invalid {
left: 0;
}
/rtl:end:ignore/
``
.valid {
/rtl:begin:ignore/
left: 0;
/rtl:end:ignore/
}
Requires or disallows ! in all rtlcss directives.
'rtlcss-comments/bang': 'always'
``
.invalid {
/rtl:ignore/
left: 0;
}
``
.valid {
/!rtl:ignore/
left: 0;
}
'rtlcss-comments/bang': 'never'
``
.invalid {
/!rtl:ignore/
left: 0;
}
```
.valid {
/rtl:ignore/
left: 0;
}