stylelint.config.js 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
  1. module.exports = {
  2. root: true,
  3. plugins: ['stylelint-order'],
  4. extends: ['stylelint-config-standard', 'stylelint-config-prettier'],
  5. rules: {
  6. 'selector-pseudo-class-no-unknown': [
  7. true,
  8. {
  9. ignorePseudoClasses: ['global'],
  10. },
  11. ],
  12. 'selector-pseudo-element-no-unknown': [
  13. true,
  14. {
  15. ignorePseudoElements: ['v-deep'],
  16. },
  17. ],
  18. 'at-rule-no-unknown': [
  19. true,
  20. {
  21. ignoreAtRules: ['function', 'if', 'each', 'include', 'mixin'],
  22. },
  23. ],
  24. 'no-empty-source': null,
  25. 'named-grid-areas-no-invalid': null,
  26. 'unicode-bom': 'never',
  27. 'no-descending-specificity': null,
  28. 'font-family-no-missing-generic-family-keyword': null,
  29. 'declaration-colon-space-after': 'always-single-line',
  30. 'declaration-colon-space-before': 'never',
  31. // 'declaration-block-trailing-semicolon': 'always',
  32. 'rule-empty-line-before': [
  33. 'always',
  34. {
  35. ignore: ['after-comment', 'first-nested'],
  36. },
  37. ],
  38. 'unit-no-unknown': [true, { ignoreUnits: ['rpx'] }],
  39. 'order/order': [
  40. [
  41. 'dollar-variables',
  42. 'custom-properties',
  43. 'at-rules',
  44. 'declarations',
  45. {
  46. type: 'at-rule',
  47. name: 'supports',
  48. },
  49. {
  50. type: 'at-rule',
  51. name: 'media',
  52. },
  53. 'rules',
  54. ],
  55. { severity: 'warning' },
  56. ],
  57. // Specify the alphabetical order of the attributes in the declaration block
  58. 'order/properties-order': [
  59. 'position',
  60. 'top',
  61. 'right',
  62. 'bottom',
  63. 'left',
  64. 'z-index',
  65. 'display',
  66. 'float',
  67. 'width',
  68. 'height',
  69. 'max-width',
  70. 'max-height',
  71. 'min-width',
  72. 'min-height',
  73. 'padding',
  74. 'padding-top',
  75. 'padding-right',
  76. 'padding-bottom',
  77. 'padding-left',
  78. 'margin',
  79. 'margin-top',
  80. 'margin-right',
  81. 'margin-bottom',
  82. 'margin-left',
  83. 'margin-collapse',
  84. 'margin-top-collapse',
  85. 'margin-right-collapse',
  86. 'margin-bottom-collapse',
  87. 'margin-left-collapse',
  88. 'overflow',
  89. 'overflow-x',
  90. 'overflow-y',
  91. 'clip',
  92. 'clear',
  93. 'font',
  94. 'font-family',
  95. 'font-size',
  96. 'font-smoothing',
  97. 'osx-font-smoothing',
  98. 'font-style',
  99. 'font-weight',
  100. 'hyphens',
  101. 'src',
  102. 'line-height',
  103. 'letter-spacing',
  104. 'word-spacing',
  105. 'color',
  106. 'text-align',
  107. 'text-decoration',
  108. 'text-indent',
  109. 'text-overflow',
  110. 'text-rendering',
  111. 'text-size-adjust',
  112. 'text-shadow',
  113. 'text-transform',
  114. 'word-break',
  115. 'word-wrap',
  116. 'white-space',
  117. 'vertical-align',
  118. 'list-style',
  119. 'list-style-type',
  120. 'list-style-position',
  121. 'list-style-image',
  122. 'pointer-events',
  123. 'cursor',
  124. 'background',
  125. 'background-attachment',
  126. 'background-color',
  127. 'background-image',
  128. 'background-position',
  129. 'background-repeat',
  130. 'background-size',
  131. 'border',
  132. 'border-collapse',
  133. 'border-top',
  134. 'border-right',
  135. 'border-bottom',
  136. 'border-left',
  137. 'border-color',
  138. 'border-image',
  139. 'border-top-color',
  140. 'border-right-color',
  141. 'border-bottom-color',
  142. 'border-left-color',
  143. 'border-spacing',
  144. 'border-style',
  145. 'border-top-style',
  146. 'border-right-style',
  147. 'border-bottom-style',
  148. 'border-left-style',
  149. 'border-width',
  150. 'border-top-width',
  151. 'border-right-width',
  152. 'border-bottom-width',
  153. 'border-left-width',
  154. 'border-radius',
  155. 'border-top-right-radius',
  156. 'border-bottom-right-radius',
  157. 'border-bottom-left-radius',
  158. 'border-top-left-radius',
  159. 'border-radius-topright',
  160. 'border-radius-bottomright',
  161. 'border-radius-bottomleft',
  162. 'border-radius-topleft',
  163. 'content',
  164. 'quotes',
  165. 'outline',
  166. 'outline-offset',
  167. 'opacity',
  168. 'filter',
  169. 'visibility',
  170. 'size',
  171. 'zoom',
  172. 'transform',
  173. 'box-align',
  174. 'box-flex',
  175. 'box-orient',
  176. 'box-pack',
  177. 'box-shadow',
  178. 'box-sizing',
  179. 'table-layout',
  180. 'animation',
  181. 'animation-delay',
  182. 'animation-duration',
  183. 'animation-iteration-count',
  184. 'animation-name',
  185. 'animation-play-state',
  186. 'animation-timing-function',
  187. 'animation-fill-mode',
  188. 'transition',
  189. 'transition-delay',
  190. 'transition-duration',
  191. 'transition-property',
  192. 'transition-timing-function',
  193. 'background-clip',
  194. 'backface-visibility',
  195. 'resize',
  196. 'appearance',
  197. 'user-select',
  198. 'interpolation-mode',
  199. 'direction',
  200. 'marks',
  201. 'page',
  202. 'set-link-source',
  203. 'unicode-bidi',
  204. 'speak',
  205. ],
  206. },
  207. ignoreFiles: ['**/*.js', '**/*.jsx', '**/*.tsx', '**/*.ts'],
  208. };