You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
1.8 KiB
JavaScript
59 lines
1.8 KiB
JavaScript
module.exports = {
|
|
plugins: ["stylelint-declaration-use-variable"],
|
|
extends: ["stylelint-config-standard", "stylelint-config-recommended-scss"],
|
|
rules: {
|
|
"declaration-empty-line-before": null,
|
|
"declaration-colon-newline-after": null,
|
|
"declaration-no-important": true,
|
|
"max-nesting-depth": 1,
|
|
"no-empty-source": null,
|
|
"no-invalid-position-at-import-rule": null,
|
|
"property-no-unknown": [
|
|
true,
|
|
{
|
|
// Allow property used for css-fonts-4 variable fonts
|
|
ignoreProperties: ["font-named-instance"],
|
|
},
|
|
],
|
|
"scss/at-function-pattern": "^[a-z0-9]+(-[a-z0-9]+)*$",
|
|
"scss/at-mixin-pattern": "^[a-z0-9]+(-[a-z0-9]+)*$",
|
|
"scss/dollar-variable-pattern": "^[a-z0-9]+(-[a-z0-9]+)*$",
|
|
"scss/no-duplicate-dollar-variables": true,
|
|
"scss/selector-no-redundant-nesting-selector": true,
|
|
"selector-class-pattern": [
|
|
// classes must be in BEM form, like this:
|
|
// my_component
|
|
// my_component--variant
|
|
// my_component__element
|
|
// my_component__element--variant
|
|
// my_component__long_element_name
|
|
// my_component__long_element_name--variant
|
|
"^[a-z]+(_[a-z]+)*(__[a-z]+(_[a-z]+)*)?(--[a-z]+(_[a-z]+)*)*$",
|
|
{
|
|
resolveNestedSelectors: true,
|
|
message:
|
|
"Classes must be in BEM form like `my_component__element--variant`",
|
|
},
|
|
],
|
|
"selector-max-compound-selectors": 2,
|
|
"selector-max-id": 0,
|
|
"selector-no-qualifying-type": true,
|
|
"sh-waqar/declaration-use-variable": [
|
|
[
|
|
"/color/",
|
|
{
|
|
ignoreValues: [
|
|
"currentcolor",
|
|
"inherit",
|
|
"initial",
|
|
"transparent",
|
|
"unset",
|
|
],
|
|
},
|
|
],
|
|
],
|
|
"string-quotes": "double",
|
|
"value-list-comma-newline-after": null,
|
|
},
|
|
};
|