mirror of
https://github.com/penpot/penpot.git
synced 2026-03-30 16:20:34 +02:00
713ff6190b
* 🔧 Add SCSS linter (stylelint) * ✨ Fix default standard scss errors with extends - WIP * ✨ Fix default standard scss errors * ✨ Update and cleanup * ✨ Update and cleanup * ✨ Update and cleanup * 🐛 Fix broken visual regression tests * 📎 Add to CHANGES * ♻️ Remove unused class
68 lines
2.4 KiB
JavaScript
68 lines
2.4 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": null,
|
|
// "color-function-notation": null,
|
|
// "value-keyword-case": null,
|
|
},
|
|
};
|