Replace scss-lint with sass-lint

This commit is contained in:
Kevin MacMartin 2018-01-22 17:18:47 -05:00
parent fbd06c3ec9
commit 1ce0a5a2b9
3 changed files with 423 additions and 461 deletions

View file

@ -4,9 +4,9 @@ Configurations for linters used at WNY
## SCSS ## SCSS
* Linter: [scss-lint](https://github.com/brigade/scss-lint) * Linter: [sass-lint](https://github.com/sasstools/sass-lint)
* Config: `scss-lint.yml` * Config: `sass-lint.yml`
* Install: `~/.scss-lint.yml` * Install: `~/.sass-lint.yml`
## Javascript ## Javascript

420
sass-lint.yml Normal file
View file

@ -0,0 +1,420 @@
files:
include: '**/*.scss'
options:
formatter: stylish
merge-default-rules: false
rules:
attribute-quotes:
- 1
- include: true
bem-depth:
- 0
- max-depth: 1
border-zero:
- 1
- convention: zero
brace-style:
- 1
- style: 1tbs
- allow-single-line: true
class-name-format:
- 0
- allow-leading-underscore: false
- convention: hyphenatedlowercase
- ignore: []
clean-import-paths:
- 0
- filename-extension: false
leading-underscore: false
declarations-before-nesting: 1
empty-args:
- 1
- include: false
empty-line-between-blocks:
- 1
- include: true
- allow-single-line-rulesets: true
extends-before-declarations: 1
extends-before-mixins: 1
final-newline:
- 1
- include: true
force-attribute-nesting: 0
force-element-nesting: 0
force-pseudo-nesting: 0
function-name-format:
- 1
- allow-leading-underscore: false
convention: hyphenatedlowercase
hex-length:
- 1
- style: short
hex-notation:
- 1
- style: lowercase
id-name-format:
- 1
- allow-leading-underscore: false
- convention: hyphenatedlowercase
indentation:
- 1
- size: 4
leading-zero:
- 1
- include: true
max-file-line-count:
- 0
- length: 300
max-line-length:
- 0
- length: 80
mixin-name-format:
- 1
- allow-leading-underscore: false
convention: hyphenatedlowercase
mixins-before-declarations: 0
nesting-depth:
- 1
- max-depth: 10
no-attribute-selectors: 0
no-color-hex: 0
no-color-keywords: 1
no-color-literals: 0
no-combinators: 0
no-css-comments: 1
no-debug: 1
no-disallowed-properties:
- 0
- properties: []
no-duplicate-properties:
- 1
- exclude:
- src
no-empty-rulesets: 1
no-extends: 0
no-ids: 0
no-important: 0
no-invalid-hex: 1
no-mergeable-selectors: 1
no-misspelled-properties:
- 1
- extra-properties: []
no-qualifying-elements:
- 1
- allow-element-with-attribute: true
allow-element-with-class: false
allow-element-with-id: false
no-trailing-whitespace: 1
no-trailing-zero: 1
no-transition-all: 0
no-universal-selectors: 0
no-url-domains: 1
no-url-protocols: 1
no-vendor-prefixes:
- 0
- additional-identifiers: []
- excluded-identifiers: []
- ignore-non-standard: false
no-warn: 1
one-declaration-per-line: 1
placeholder-in-extend: 0
placeholder-name-format:
- 0
- allow-leading-underscore: false
- convention: hyphenatedlowercase
property-sort-order:
- 1
- ignore-custom-properties: false
order:
- all
- content
- resize
- empty-cells
- float
- clear
- shape-image-threshold
- shape-margin
- shape-outside
- overflow
- overflow-x
- overflow-y
- z-index
- position
- top
- right
- bottom
- left
- transform
- transform-origin
- transform-style
- perspective
- perspective-origin
- backface-visibility
- margin
- margin-top
- margin-right
- margin-bottom
- margin-left
- visibility
- display
- box-sizing
- width
- min-width
- max-width
- height
- min-height
- max-height
- padding
- padding-top
- padding-right
- padding-bottom
- padding-left
- grid-gap
- grid-area
- grid-row
- grid-row-start
- grid-row-end
- grid-row-gap
- grid-column
- grid-column-start
- grid-column-end
- grid-column-gap
- grid-auto-rows
- grid-auto-flow
- grid-template
- grid-template-areas
- grid-template-rows
- grid-template-columns
- flex
- flex-basis
- flex-direction
- flex-flow
- flex-grow
- flex-shrink
- flex-wrap
- order
- justify-content
- align-content
- justify-self
- align-items
- align-self
- columns
- column-width
- column-count
- column-gap
- column-rule
- column-rule-color
- column-rule-style
- column-rule-width
- column-fill
- column-span
- caption-side
- table-layout
- vertical-align
- outline
- outline-width
- outline-color
- outline-style
- outline-offset
- border
- border-top
- border-right
- border-bottom
- border-left
- border-width
- border-top-width
- border-right-width
- border-bottom-width
- border-left-width
- border-color
- border-top-color
- border-right-color
- border-bottom-color
- border-left-color
- border-style
- border-top-style
- border-right-style
- border-bottom-style
- border-left-style
- border-radius
- border-top-right-radius
- border-top-left-radius
- border-bottom-right-radius
- border-bottom-left-radius
- border-image
- border-image-source
- border-image-width
- border-image-outset
- border-image-repeat
- border-image-slice
- border-collapse
- border-spacing
- box-shadow
- clip
- clip-path
- mask
- mask-position
- mask-size
- object-position
- background
- background-color
- background-image
- background-position
- background-origin
- background-size
- background-clip
- -webkit-background-clip
- background-repeat
- background-attachment
- background-blend-mode
- color
- text-fill
- -webkit-text-fill-color
- font
- font-family
- src
- font-size
- font-size-adjust
- font-stretch
- font-variant
- font-weight
- font-style
- quotes
- tab-size
- letter-spacing
- line-height
- word-break
- word-spacing
- word-wrap
- white-space
- direction
- unicode-bidi
- break-after
- page-break-after
- break-before
- page-break-before
- break-inside
- page-break-inside
- text-align
- text-align-last
- text-justify
- text-indent
- text-overflow
- text-transform
- text-decoration
- text-decoration-color
- text-decoration-style
- text-decoration-line
- text-shadow
- text-emphasis
- text-emphasis-color
- filter
- opacity
- transition
- transition-delay
- transition-duration
- transition-property
- transition-timing-function
- animation
- animation-delay
- animation-direction
- animation-duration
- animation-fill-mode
- animation-iteration-count
- animation-name
- animation-play-state
- animation-timing-function
- list-style
- list-style-type
- list-style-position
- list-style-image
- counter-increment
- counter-reset
- scroll-snap-type
- scroll-snap-coordinate
- scroll-snap-destination
- cursor
- -webkit-appearance
- -webkit-font-smoothing
- -moz-osx-font-smoothing
- -webkit-overflow-scrolling
- -ms-overflow-style
property-units:
- 1
- global:
- ch
- em
- ex
- rem
- cm
- in
- mm
- pc
- pt
- px
- q
- vh
- vw
- vmin
- vmax
- deg
- grad
- rad
- turn
- ms
- s
- Hz
- kHz
- dpi
- dpcm
- dppx
- '%'
per-property: {}
pseudo-element: 0
quotes:
- 1
- style: double
shorthand-values:
- 1
- allowed-shorthands:
- 1
- 2
single-line-per-selector: 0
space-after-bang:
- 1
- include: false
space-after-colon:
- 1
- include: true
space-after-comma:
- 1
- include: true
space-around-operator:
- 1
- include: true
space-before-bang:
- 1
- include: true
space-before-brace:
- 1
- include: true
space-before-colon:
- 1
- include: false
space-between-parens:
- 1
- include: false
trailing-semicolon:
- 1
- include: true
url-quotes: 1
variable-for-property:
- 0
- properties: []
variable-name-format:
- 1
- allow-leading-underscore: false
convention: hyphenatedlowercase
zero-unit:
- 0
- include: false

View file

@ -1,458 +0,0 @@
# Default application configuration that all configurations inherit from.
scss_files: "**/*.scss"
plugin_directories: ['.scss-linters']
# List of gem names to load custom linters from (make sure they are already
# installed)
plugin_gems: []
# Default severity of all linters.
severity: warning
linters:
BangFormat:
enabled: true
space_before_bang: true
space_after_bang: false
BemDepth:
enabled: false
max_elements: 1
BorderZero:
enabled: true
convention: zero # or `none`
ChainedClasses:
enabled: false
ColorKeyword:
enabled: true
ColorVariable:
enabled: false
Comment:
enabled: true
style: silent
DebugStatement:
enabled: true
DeclarationOrder:
enabled: false
DisableLinterReason:
enabled: false
DuplicateProperty:
enabled: true
ElsePlacement:
enabled: true
style: same_line # or 'new_line'
EmptyLineBetweenBlocks:
enabled: true
ignore_single_line_blocks: true
EmptyRule:
enabled: true
ExtendDirective:
enabled: false
FinalNewline:
enabled: true
present: true
HexLength:
enabled: true
style: short # or 'long'
HexNotation:
enabled: true
style: lowercase # or 'uppercase'
HexValidation:
enabled: true
IdSelector:
enabled: false
ImportantRule:
enabled: false
ImportPath:
enabled: false
leading_underscore: false
filename_extension: false
Indentation:
enabled: true
allow_non_nested_indentation: false
character: space # or 'tab'
width: 4
LeadingZero:
enabled: true
style: include_zero # or 'include_zero'
MergeableSelector:
enabled: true
force_nesting: true
NameFormat:
enabled: true
allow_leading_underscore: true
convention: hyphenated_lowercase # or 'camel_case', or 'snake_case', or a regex pattern
NestingDepth:
enabled: true
max_depth: 10
ignore_parent_selectors: false
PlaceholderInExtend:
enabled: false
PrivateNamingConvention:
enabled: false
prefix: _
PropertyCount:
enabled: false
include_nested: false
max_properties: 10
PropertySortOrder:
enabled: true
ignore_unspecified: false
min_properties: 2
separate_groups: false
order:
- all
- content
- resize
- empty-cells
- float
- clear
- shape-image-threshold
- shape-margin
- shape-outside
- overflow
- overflow-x
- overflow-y
- z-index
- position
- top
- right
- bottom
- left
- transform
- transform-origin
- transform-style
- perspective
- perspective-origin
- backface-visibility
- margin
- margin-top
- margin-right
- margin-bottom
- margin-left
- visibility
- display
- box-sizing
- width
- min-width
- max-width
- height
- min-height
- max-height
- padding
- padding-top
- padding-right
- padding-bottom
- padding-left
- grid-gap
- grid-area
- grid-row
- grid-row-start
- grid-row-end
- grid-row-gap
- grid-column
- grid-column-start
- grid-column-end
- grid-column-gap
- grid-auto-rows
- grid-auto-flow
- grid-template
- grid-template-areas
- grid-template-rows
- grid-template-columns
- flex
- flex-basis
- flex-direction
- flex-flow
- flex-grow
- flex-shrink
- flex-wrap
- order
- justify-content
- align-content
- justify-self
- align-items
- align-self
- columns
- column-width
- column-count
- column-gap
- column-rule
- column-rule-color
- column-rule-style
- column-rule-width
- column-fill
- column-span
- caption-side
- table-layout
- vertical-align
- outline
- outline-width
- outline-color
- outline-style
- outline-offset
- border
- border-top
- border-right
- border-bottom
- border-left
- border-width
- border-top-width
- border-right-width
- border-bottom-width
- border-left-width
- border-color
- border-top-color
- border-right-color
- border-bottom-color
- border-left-color
- border-style
- border-top-style
- border-right-style
- border-bottom-style
- border-left-style
- border-radius
- border-top-right-radius
- border-top-left-radius
- border-bottom-right-radius
- border-bottom-left-radius
- border-image
- border-image-source
- border-image-width
- border-image-outset
- border-image-repeat
- border-image-slice
- border-collapse
- border-spacing
- box-shadow
- clip
- clip-path
- mask
- mask-position
- mask-size
- object-position
- background
- background-color
- background-image
- background-position
- background-origin
- background-size
- background-clip
- background-repeat
- background-attachment
- background-blend-mode
- color
- font
- font-family
- font-size
- font-size-adjust
- font-stretch
- font-style
- font-variant
- font-weight
- quotes
- tab-size
- letter-spacing
- line-height
- word-break
- word-spacing
- word-wrap
- white-space
- direction
- unicode-bidi
- break-after
- page-break-after
- break-before
- page-break-before
- break-inside
- page-break-inside
- text-align
- text-align-last
- text-justify
- text-indent
- text-overflow
- text-transform
- text-decoration
- text-decoration-color
- text-decoration-style
- text-decoration-line
- text-shadow
- text-emphasis
- text-emphasis-color
- filter
- opacity
- transition
- transition-delay
- transition-duration
- transition-property
- transition-timing-function
- animation
- animation-delay
- animation-direction
- animation-duration
- animation-fill-mode
- animation-iteration-count
- animation-name
- animation-play-state
- animation-timing-function
- list-style
- list-style-type
- list-style-position
- list-style-image
- counter-increment
- counter-reset
- scroll-snap-type
- scroll-snap-coordinate
- scroll-snap-destination
- cursor
PropertySpelling:
enabled: true
extra_properties: []
disabled_properties: []
PropertyUnits:
enabled: true
global: [
'ch', 'em', 'ex', 'rem', # Font-relative lengths
'cm', 'in', 'mm', 'pc', 'pt', 'px', 'q', # Absolute lengths
'vh', 'vw', 'vmin', 'vmax', # Viewport-percentage lengths
'deg', 'grad', 'rad', 'turn', # Angle
'ms', 's', # Duration
'Hz', 'kHz', # Frequency
'dpi', 'dpcm', 'dppx', # Resolution
'%'] # Other
properties: {}
PseudoElement:
enabled: false
QualifyingElement:
enabled: true
allow_element_with_attribute: false
allow_element_with_class: true
allow_element_with_id: false
SelectorDepth:
enabled: true
max_depth: 10
SelectorFormat:
enabled: false
convention: hyphenated_lowercase # or 'strict_BEM', or 'hyphenated_BEM', or 'snake_case', or 'camel_case', or a regex pattern
Shorthand:
enabled: false
allowed_shorthands: [1, 2, 3]
SingleLinePerProperty:
enabled: true
allow_single_line_rule_sets: true
SingleLinePerSelector:
enabled: false
SpaceAfterComma:
enabled: true
style: one_space # or 'no_space', or 'at_least_one_space'
SpaceAfterPropertyColon:
enabled: true
style: one_space # or 'no_space', or 'at_least_one_space', or 'aligned'
SpaceAfterPropertyName:
enabled: true
SpaceAfterVariableColon:
enabled: false
style: one_space # or 'no_space', 'at_least_one_space' or 'one_space_or_newline'
SpaceAfterVariableName:
enabled: true
SpaceAroundOperator:
enabled: true
style: one_space # or 'at_least_one_space', or 'no_space'
SpaceBeforeBrace:
enabled: true
style: space # or 'new_line'
allow_single_line_padding: false
SpaceBetweenParens:
enabled: true
spaces: 0
StringQuotes:
enabled: true
style: double_quotes # or double_quotes
TrailingSemicolon:
enabled: true
TrailingWhitespace:
enabled: true
TrailingZero:
enabled: false
TransitionAll:
enabled: false
UnnecessaryMantissa:
enabled: true
UnnecessaryParentReference:
enabled: true
UrlFormat:
enabled: true
UrlQuotes:
enabled: true
VariableForProperty:
enabled: false
properties: []
VendorPrefix:
enabled: false
identifier_list: base
additional_identifiers: []
excluded_identifiers: []
ZeroUnit:
enabled: false
Compass::*:
enabled: false