.sass-lint.yml

   1 # The following scss-lint Linters are not yet supported by sass-lint:
   2 # ElsePlacement, PropertyCount, SelectorDepth, UnnecessaryParentReference
   3 #
   4 # The following settings/values are unsupported by sass-lint:
   5 # Linter Indentation, option "allow_non_nested_indentation"
   6 # Linter Indentation, option "character"
   7 # Linter PropertySortOrder, option "separate_groups"
   8 # Linter SpaceBeforeBrace, option "allow_single_line_padding"
   9
  10 files:
  11   include: 'scss/**/*.scss'
  12
  13 options:
  14   formatter: stylish
  15   merge-default-rules: false
  16
  17 rules:
  18   border-zero:
  19     - 1
  20     - convention: zero
  21
  22   brace-style:
  23     - 1
  24     - allow-single-line: false
  25
  26   class-name-format:
  27     - 1
  28     - convention: '([a-z0-9]+-?)+'
  29
  30   clean-import-paths:
  31     - 1
  32     - filename-extension: false
  33       leading-underscore: false
  34
  35   empty-line-between-blocks:
  36     - 1
  37     - ignore-single-line-rulesets: true
  38
  39   extends-before-declarations: 1
  40
  41   extends-before-mixins: 1
  42
  43   final-newline:
  44     - 1
  45     - include: true
  46
  47   force-attribute-nesting: 1
  48
  49   force-element-nesting: 1
  50
  51   force-pseudo-nesting: 1
  52
  53   function-name-format:
  54     - 1
  55     - allow-leading-underscore: true
  56       convention: hyphenatedlowercase
  57
  58   hex-length:
  59     - 1
  60     - style: short
  61
  62   hex-notation:
  63     - 1
  64     - style: lowercase
  65
  66   id-name-format:
  67     - 1
  68     - convention: '([a-z0-9]+-?)+'
  69
  70   indentation:
  71     - 1
  72     - size: 2
  73
  74   leading-zero:
  75     - 1
  76     - include: true
  77
  78   mixin-name-format:
  79     - 1
  80     - allow-leading-underscore: true
  81       convention: hyphenatedlowercase
  82
  83   mixins-before-declarations: 1
  84
  85   nesting-depth:
  86     - 1
  87     - max-depth: 3
  88
  89   no-color-keywords: 1
  90
  91   no-color-literals: 1
  92
  93   no-css-comments: 0
  94
  95   no-debug: 1
  96
  97   no-duplicate-properties: 1
  98
  99   no-empty-rulesets: 1
 100
 101   no-ids: 1
 102
 103   no-important: 0
 104
 105   no-invalid-hex: 1
 106
 107   no-mergeable-selectors: 1
 108
 109   no-misspelled-properties:
 110     - 1
 111     - extra-properties: []
 112
 113   no-qualifying-elements:
 114     - 1
 115     - allow-element-with-attribute: false
 116       allow-element-with-class: false
 117       allow-element-with-id: false
 118
 119   no-trailing-zero: 1
 120
 121   no-url-protocols: 1
 122
 123   no-vendor-prefixes:
 124      - 1
 125      - ignore-non-standard: true
 126
 127   placeholder-in-extend: 1
 128
 129   placeholder-name-format:
 130     - 1
 131     - convention: '([a-z0-9]+-?)+'
 132
 133   property-sort-order:
 134     - 1
 135     -
 136       ignore-custom-properties: true
 137       order:
 138         # Specific - CSS property order
 139         # https://gist.github.com/ncoden/d42f55df7c7970f548a02cd3468f9c86
 140
 141         # Position
 142         - 'position'
 143         - 'top'
 144         - 'right'
 145         - 'bottom'
 146         - 'left'
 147         - 'z-index'
 148
 149         # Disposition
 150         - 'display'
 151
 152         - 'flex'
 153         - 'flex-basis'
 154         - 'flex-direction'
 155         - 'flex-flow'
 156         - 'flex-grow'
 157         - 'flex-shrink'
 158         - 'flex-wrap'
 159         - 'justify-content'
 160         - 'order'
 161
 162         - 'box-align'
 163         - 'box-flex'
 164         - 'box-orient'
 165         - 'box-pack'
 166
 167         - 'align-content'
 168         - 'align-items'
 169         - 'align-self'
 170
 171         - 'columns'
 172         - 'column-gap'
 173         - 'column-fill'
 174         - 'column-rule'
 175         - 'column-span'
 176         - 'column-count'
 177         - 'column-width'
 178
 179         - 'vertical-align'
 180         - 'float'
 181         - 'clear'
 182
 183         # Dimension
 184         - 'box-sizing'
 185
 186         - 'width'
 187         - 'min-width'
 188         - 'max-width'
 189
 190         - 'height'
 191         - 'min-height'
 192         - 'max-height'
 193
 194         - 'margin'
 195         - 'margin-top'
 196         - 'margin-right'
 197         - 'margin-bottom'
 198         - 'margin-left'
 199         - 'margin-collapse'
 200         - 'margin-top-collapse'
 201         - 'margin-right-collapse'
 202         - 'margin-bottom-collapse'
 203         - 'margin-left-collapse'
 204
 205         - 'padding'
 206         - 'padding-top'
 207         - 'padding-right'
 208         - 'padding-bottom'
 209         - 'padding-left'
 210
 211
 212         # Global appearance
 213         - 'appearance'
 214         - 'opacity'
 215         - 'filter'
 216         - 'visibility'
 217
 218         - 'size'
 219         - 'resize'
 220         - 'zoom'
 221
 222         - 'transform'
 223         - 'transform-box'
 224         - 'transform-origin'
 225         - 'transform-style'
 226
 227         # Border
 228         - 'outline'
 229         - 'outline-color'
 230         - 'outline-offset'
 231         - 'outline-style'
 232         - 'outline-width'
 233
 234         - 'border'
 235         - 'border-top'
 236         - 'border-right'
 237         - 'border-bottom'
 238         - 'border-left'
 239         - 'border-width'
 240         - 'border-top-width'
 241         - 'border-right-width'
 242         - 'border-bottom-width'
 243         - 'border-left-width'
 244
 245         - 'border-style'
 246         - 'border-top-style'
 247         - 'border-right-style'
 248         - 'border-bottom-style'
 249         - 'border-left-style'
 250
 251         - 'border-radius'
 252         - 'border-top-left-radius'
 253         - 'border-top-right-radius'
 254         - 'border-bottom-right-radius'
 255         - 'border-bottom-left-radius'
 256         - 'border-radius-topleft'
 257         - 'border-radius-topright'
 258         - 'border-radius-bottomright'
 259         - 'border-radius-bottomleft'
 260
 261         - 'border-color'
 262         - 'border-top-color'
 263         - 'border-right-color'
 264         - 'border-bottom-color'
 265         - 'border-left-color'
 266
 267         - 'border-collapse'
 268         - 'border-spacing'
 269
 270         # Background
 271         - 'background'
 272         - 'background-image'
 273         - 'background-color'
 274         - 'background-attachment'
 275         - 'background-clip'
 276         - 'background-origin'
 277         - 'background-position'
 278         - 'background-repeat'
 279         - 'background-size'
 280
 281         # Shadow
 282         - 'box-shadow'
 283
 284         # Animation
 285         - 'animation'
 286         - 'animation-delay'
 287         - 'animation-duration'
 288         - 'animation-iteration-count'
 289         - 'animation-name'
 290         - 'animation-play-state'
 291         - 'animation-timing-function'
 292         - 'animation-fill-mode'
 293
 294         - 'transition'
 295         - 'transition-delay'
 296         - 'transition-duration'
 297         - 'transition-property'
 298         - 'transition-timing-function'
 299
 300
 301         # Content
 302         - 'content'
 303
 304         - 'list-style'
 305         - 'list-style-image'
 306         - 'list-style-position'
 307         - 'list-style-type'
 308
 309         - 'overflow'
 310         - 'overflow-x'
 311         - 'overflow-y'
 312         - 'clip'
 313
 314         # Text
 315         - 'font'
 316         - 'font-family'
 317         - 'font-size'
 318         - 'font-smoothing'
 319         - 'osx-font-smoothing'
 320         - 'font-style'
 321         - 'font-variant'
 322         - 'font-weight'
 323         - 'src'
 324
 325         - 'word-spacing'
 326         - 'letter-spacing'
 327         - 'line-height'
 328
 329         - 'color'
 330         - 'direction'
 331         - 'text-align'
 332         - 'text-decoration'
 333         - 'text-indent'
 334         - 'text-overflow'
 335         - 'text-rendering'
 336         - 'text-size-adjust'
 337         - 'text-shadow'
 338         - 'text-transform'
 339
 340         - 'white-space'
 341         - 'word-break'
 342         - 'word-wrap'
 343         - 'hyphens'
 344         - 'quotes'
 345
 346         # Divers
 347         - 'pointer-events'
 348         - 'cursor'
 349
 350         - 'backface-visibility'
 351         - 'caption-side'
 352         - 'empty-cells'
 353         - 'table-layout'
 354         - 'user-select'
 355
 356         - 'interpolation-mode'
 357         - 'marks'
 358         - 'page'
 359         - 'set-link-source'
 360         - 'unicode-bidi'
 361         - 'speak'
 362
 363   quotes:
 364     - 1
 365     - style: single
 366
 367   shorthand-values: 1
 368
 369   single-line-per-selector: 0
 370
 371   space-after-bang:
 372     - 1
 373     - include: false
 374
 375   space-after-colon:
 376     - 1
 377     - include: true
 378
 379   space-after-comma: 1
 380
 381   space-before-bang:
 382     - 1
 383     - include: true
 384
 385   space-before-brace:
 386     - 1
 387     - include: true
 388
 389   space-before-colon: 1
 390
 391   space-between-parens:
 392     - 1
 393     - include: false
 394
 395   trailing-semicolon: 1
 396
 397   url-quotes: 1
 398
 399   variable-for-property:
 400     - 0
 401     - properties: []
 402
 403   variable-name-format:
 404     - 1
 405     - allow-leading-underscore: true
 406       convention: hyphenatedlowercase
 407
 408   zero-unit: 1