mirror of
https://github.com/penpot/penpot.git
synced 2026-04-11 02:37:49 -04:00
10cfd99525
* 🐛 Fix lint invalid CSS props * 🐛 Fix named colors in favor of modern notation or custom properties * 🐛 Removed multiple combined selectors * 🐛 Convert alpha value to numeric
68 lines
2.3 KiB
JavaScript
68 lines
2.3 KiB
JavaScript
import postcssScss from "postcss-scss";
|
|
|
|
/** @type {import("stylelint").Config} */
|
|
export default {
|
|
extends: ["stylelint-config-standard-scss"],
|
|
plugins: ["stylelint-scss", "stylelint-use-logical-spec"],
|
|
overrides: [
|
|
{
|
|
files: ["**/*.scss"],
|
|
customSyntax: postcssScss,
|
|
},
|
|
],
|
|
rules: {
|
|
"at-rule-no-unknown": null,
|
|
"declaration-property-value-no-unknown": null,
|
|
"selector-pseudo-class-no-unknown": [
|
|
true,
|
|
{ ignorePseudoClasses: ["global"] }, // TODO: Avoid global selector usage and remove this exception
|
|
],
|
|
|
|
// scss
|
|
"scss/comment-no-empty": null,
|
|
"scss/at-rule-no-unknown": true,
|
|
// TODO: this rule should be enabled to follow scss conventions
|
|
"scss/load-no-partial-leading-underscore": null,
|
|
// This allows using the characters - or _ as a prefix and is ISO compliant with the Sass specification.
|
|
"scss/dollar-variable-pattern": "^[-_]?([a-z][a-z0-9]*)(-[a-z0-9]+)*$",
|
|
// This allows using the characters - or _ as a prefix and is ISO compliant with the Sass specification.
|
|
"scss/at-mixin-pattern": "^[-_]?([a-z][a-z0-9]*)(-[a-z0-9]+)*$",
|
|
|
|
// TODO: Enable rules secuentially
|
|
// // Using quotes
|
|
"font-family-name-quotes": "always-unless-keyword",
|
|
"function-url-quotes": "always",
|
|
"selector-attribute-quotes": "always",
|
|
// // Disallow vendor prefixes
|
|
"at-rule-no-vendor-prefix": true,
|
|
"media-feature-name-no-vendor-prefix": true,
|
|
"property-no-vendor-prefix": true,
|
|
"selector-no-vendor-prefix": true,
|
|
"value-no-vendor-prefix": true,
|
|
// // Specificity
|
|
"no-descending-specificity": null,
|
|
// "max-nesting-depth": 3,
|
|
"selector-max-compound-selectors": 3,
|
|
"selector-max-specificity": "1,2,1",
|
|
// // Miscellanea
|
|
"color-named": "never",
|
|
// "declaration-no-important": true,
|
|
"declaration-property-unit-allowed-list": {
|
|
"font-size": ["rem"],
|
|
"/^animation/": ["s"],
|
|
},
|
|
// // 'order/properties-alphabetical-order': true,
|
|
"selector-max-type": 1,
|
|
"selector-type-no-unknown": true,
|
|
// // Notation
|
|
"font-weight-notation": "numeric",
|
|
// // URLs
|
|
"function-url-no-scheme-relative": true,
|
|
// "liberty/use-logical-spec": "always",
|
|
"selector-class-pattern": null,
|
|
"alpha-value-notation": "number",
|
|
"color-function-notation": "modern",
|
|
"value-keyword-case": "lower",
|
|
},
|
|
};
|