stylelint-rtlcss-comments
v1.0.0-rc.1
Published
Lint rtlcss directive comments
Downloads
5,176
Readme
stylelint-rtlcss-comments
Usage
module.exports.plugins = [
// ...
'stylelint-rtlcss-comments',
// ...
];
module.exports.rules = {
// ...
'rtlcss-comments/block-directives': /* ... */,
'rtlcss-comments/bang': /* ... */,
// ...
}
rtlcss-comments/block-directives
Disallows usage of rtl:begin:
and rtl:end:
block directives depending on options.
never
'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;
}
wraps-properties
'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*/
}
rtlcss-comments/bang
Requires or disallows !
in all rtlcss directives.
always
'rtlcss-comments/bang': 'always'
.invalid {
/*rtl:ignore*/
left: 0;
}
.valid {
/*!rtl:ignore*/
left: 0;
}
never
'rtlcss-comments/bang': 'never'
.invalid {
/*!rtl:ignore*/
left: 0;
}
.valid {
/*rtl:ignore*/
left: 0;
}