stylelint.config.js 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. // @ts-check
  2. /** @type {import("stylelint").Config} */
  3. export default {
  4. extends: [
  5. "stylelint-config-standard-scss",
  6. "stylelint-config-recommended-vue/scss",
  7. "stylelint-config-recess-order"
  8. ],
  9. plugins: ["stylelint-prettier"],
  10. rules: {
  11. "prettier/prettier": true,
  12. "selector-class-pattern": null,
  13. "no-descending-specificity": null,
  14. "scss/dollar-variable-pattern": null,
  15. "selector-pseudo-class-no-unknown": [
  16. true,
  17. {
  18. ignorePseudoClasses: ["deep", "global"]
  19. }
  20. ],
  21. "selector-pseudo-element-no-unknown": [
  22. true,
  23. {
  24. ignorePseudoElements: ["v-deep", "v-global", "v-slotted"]
  25. }
  26. ],
  27. "at-rule-no-unknown": [
  28. true,
  29. {
  30. ignoreAtRules: [
  31. "tailwind",
  32. "apply",
  33. "variants",
  34. "responsive",
  35. "screen",
  36. "function",
  37. "if",
  38. "each",
  39. "include",
  40. "mixin",
  41. "use"
  42. ]
  43. }
  44. ],
  45. "rule-empty-line-before": [
  46. "always",
  47. {
  48. ignore: ["after-comment", "first-nested"]
  49. }
  50. ],
  51. "unit-no-unknown": [true, { ignoreUnits: ["rpx"] }],
  52. "order/order": [
  53. [
  54. "dollar-variables",
  55. "custom-properties",
  56. "at-rules",
  57. "declarations",
  58. {
  59. type: "at-rule",
  60. name: "supports"
  61. },
  62. {
  63. type: "at-rule",
  64. name: "media"
  65. },
  66. "rules"
  67. ],
  68. { severity: "warning" }
  69. ]
  70. },
  71. ignoreFiles: ["**/*.js", "**/*.ts", "**/*.jsx", "**/*.tsx", "report.html"]
  72. };