.scss-lint.yml 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
  1. # Default application configuration that all configurations inherit from.
  2. # See config at https://github.com/brigade/scss-lint/blob/master/config/default.yml
  3. plugin_directories: ['.scss-linters']
  4. exclude:
  5. - 'src/themes/ionic.mixins.scss'
  6. - 'src/themes/license.scss'
  7. - 'src/themes/util.scss'
  8. - 'src/themes/version.scss'
  9. - 'src/platform/cordova.*.scss'
  10. linters:
  11. ColorVariable:
  12. enabled: false
  13. DefaultRule:
  14. enabled: true
  15. DuplicateProperty:
  16. enabled: false
  17. MergeableSelector:
  18. enabled: true
  19. force_nesting: false
  20. PropertySortOrder:
  21. enabled: true
  22. ignore_unspecified: false
  23. min_properties: 2
  24. separate_groups: true
  25. order:
  26. # Box
  27. - position
  28. - top
  29. - bottom
  30. - z-index
  31. - display
  32. - overflow
  33. - clear
  34. -
  35. - flex
  36. - flex-basis
  37. - flex-direction
  38. - flex-flow
  39. - flex-grow
  40. - flex-shrink
  41. - flex-wrap
  42. - align-content
  43. - align-items
  44. - align-self
  45. - justify-content
  46. - order
  47. -
  48. - width
  49. - min-width
  50. - max-width
  51. - height
  52. - min-height
  53. - max-height
  54. -
  55. - columns
  56. - column-gap
  57. - column-fill
  58. - column-rule
  59. - column-span
  60. - column-count
  61. - column-width
  62. # Border
  63. - border
  64. - border-top
  65. - border-right
  66. - border-bottom
  67. - border-left
  68. - border-width
  69. - border-top-width
  70. - border-right-width
  71. - border-bottom-width
  72. - border-left-width
  73. - border-style
  74. - border-top-style
  75. - border-right-style
  76. - border-bottom-style
  77. - border-left-style
  78. - border-color
  79. - border-top-color
  80. - border-right-color
  81. - border-bottom-color
  82. - border-left-color
  83. - outline
  84. - outline-color
  85. - outline-offset
  86. - outline-style
  87. - outline-width
  88. # Text
  89. - font
  90. - font-family
  91. - font-size
  92. - font-smoothing
  93. - font-style
  94. - font-variant
  95. - font-weight
  96. - letter-spacing
  97. - line-height
  98. - list-style
  99. - text-decoration
  100. - text-indent
  101. - text-overflow
  102. - text-rendering
  103. - text-shadow
  104. - text-transform
  105. - text-wrap
  106. - white-space
  107. - word-spacing
  108. - color
  109. # Background
  110. - background
  111. - background-attachment
  112. - background-color
  113. - background-image
  114. - background-repeat
  115. - background-size
  116. # Other
  117. - border-collapse
  118. - border-spacing
  119. - box-shadow
  120. - caption-side
  121. - content
  122. - cursor
  123. - empty-cells
  124. - opacity
  125. - quotes
  126. - speak
  127. - table-layout
  128. - vertical-align
  129. - visibility
  130. # Transforms
  131. - transform
  132. - transform-box
  133. - transform-style
  134. - transition
  135. - transition-delay
  136. - transition-duration
  137. - transition-property
  138. - transition-timing-function
  139. # This doesn't allow chaining between elements and attributes, ids or classes
  140. # if we turn this on it breaks a lot of components
  141. QualifyingElement:
  142. enabled: false
  143. allow_element_with_attribute: false
  144. allow_element_with_class: false
  145. allow_element_with_id: false
  146. SelectorFormat:
  147. enabled: false
  148. convention: hyphenated_lowercase # or 'strict_BEM', or 'hyphenated_BEM', or 'snake_case', or 'camel_case', or a regex pattern
  149. StringQuotes:
  150. enabled: true
  151. style: double_quotes
  152. SelectorDepth:
  153. enabled: true
  154. max_depth: 5
  155. PropertySpelling:
  156. extra_properties:
  157. - contain
  158. disabled_properties:
  159. - background-position
  160. - direction
  161. - right
  162. - left
  163. - float
  164. - padding
  165. - padding-left
  166. - padding-right
  167. - padding-top
  168. - padding-bottom
  169. - margin
  170. - margin-left
  171. - margin-right
  172. - margin-top
  173. - margin-bottom
  174. - border-radius
  175. - border-top-left-radius
  176. - border-top-right-radius
  177. - border-bottom-right-radius
  178. - border-bottom-left-radius
  179. - text-align
  180. - transform-origin