canonical
Version:
Canonical code style linter and formatter for JavaScript, SCSS, CSS and JSON.
309 lines (300 loc) • 7.7 kB
YAML
options:
merge-default-rules: false
rules:
# Extends
extends-before-mixins: 1
extends-before-declarations: 1
placeholder-in-extend: 1
# Mixins
mixins-before-declarations: 1
# Line Spacing
one-declaration-per-line: 1
empty-line-between-blocks:
- 1
- include: true
- allow-single-line-rulesets: false
single-line-per-selector: 1
# Disallows
no-color-keywords: 1
no-color-literals: 1
no-css-comments: 0
no-debug: 1
no-duplicate-properties: 1
no-empty-rulesets: 1
no-extends: 0
no-ids: 1
no-important: 1
no-invalid-hex: 1
no-mergeable-selectors: 0
no-misspelled-properties:
- 1
- extra-properties:
- composes
no-qualifying-elements: 1
no-trailing-zero: 1
no-transition-all: 1
no-url-protocols: 1
no-vendor-prefixes: 1
no-warn: 1
# Nesting
force-attribute-nesting: 0
force-element-nesting: 0
force-pseudo-nesting: 0
# Name Formats
function-name-format:
- 1
- allow-leading-underscore: false
- convention: 'hyphenatedlowercase'
mixin-name-format:
- 1
- allow-leading-underscore: false
- convention: 'hyphenatedlowercase'
placeholder-name-format:
- 1
- allow-leading-underscore: false
- convention: 'hyphenatedlowercase'
variable-name-format:
- 1
- allow-leading-underscore: false
- convention: 'hyphenatedlowercase'
# Style Guide
border-zero:
- 1
- convention: '0'
brace-style:
- 1
- style: '1tbs'
- allow-single-line: false
clean-import-paths:
- 1
- leading-underscore: false
- filename-extension: false
empty-args:
- 1
- include: false
hex-length:
- 1
- style: 'short'
hex-notation:
- 1
- style: 'lowercase'
indentation:
- 1
- size: 4
leading-zero:
- 1
- include: false
nesting-depth:
- 1
- max-depth: 4
property-sort-order:
- 1
- order:
- composes
- (group separator)
- font
- font-family
- font-size
- font-weight
- font-style
- font-variant
- font-size-adjust
- font-stretch
- font-effect
- font-emphasize
- font-emphasize-position
- font-emphasize-style
- font-smooth
- line-height
- (group separator)
- position
- z-index
- top
- right
- bottom
- left
- (group separator)
- display
- visibility
- float
- clear
- overflow
- overflow-x
- overflow-y
- clip
- zoom
- flex-direction
- flex-order
- flex-pack
- flex-align
- (group separator)
- box-sizing
- width
- min-width
- max-width
- height
- min-height
- max-height
- margin
- margin-top
- margin-right
- margin-bottom
- margin-left
- padding
- padding-top
- padding-right
- padding-bottom
- padding-left
- (group separator)
- table-layout
- empty-cells
- caption-side
- border-spacing
- border-collapse
- list-style
- list-style-position
- list-style-type
- list-style-image
- (group separator)
- content
- quotes
- counter-reset
- counter-increment
- resize
- cursor
- user-select
- nav-index
- nav-up
- nav-right
- nav-down
- nav-left
- transition
- transition-delay
- transition-timing-function
- transition-duration
- transition-property
- transform
- transform-origin
- animation
- animation-name
- animation-duration
- animation-play-state
- animation-timing-function
- animation-delay
- animation-iteration-count
- animation-direction
- text-align
- text-align-last
- vertical-align
- white-space
- text-decoration
- text-emphasis
- text-emphasis-color
- text-emphasis-style
- text-emphasis-position
- text-indent
- text-justify
- letter-spacing
- word-spacing
- text-outline
- text-transform
- text-wrap
- text-overflow
- text-overflow-ellipsis
- text-overflow-mode
- word-wrap
- word-break
- tab-size
- hyphens
- pointer-events
- (group separator)
- opacity
- color
- border
- border-width
- border-style
- border-color
- border-top
- border-top-width
- border-top-style
- border-top-color
- border-right
- border-right-width
- border-right-style
- border-right-color
- border-bottom
- border-bottom-width
- border-bottom-style
- border-bottom-color
- border-left
- border-left-width
- border-left-style
- border-left-color
- border-radius
- border-top-left-radius
- border-top-right-radius
- border-bottom-right-radius
- border-bottom-left-radius
- border-image
- border-image-source
- border-image-slice
- border-image-width
- border-image-outset
- border-image-repeat
- outline
- outline-width
- outline-style
- outline-color
- outline-offset
- background
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
- background-position-x
- background-position-y
- background-clip
- background-origin
- background-size
- box-decoration-break
- box-shadow
- text-shadow
quotes:
- 1
- style: 'single'
shorthand-values: 1
url-quotes: 1
variable-for-property: 0
zero-unit:
- 1
- include: false
# Inner Spacing
space-after-comma:
- 1
- include: true
space-before-colon:
- 1
- include: false
space-after-colon:
- 1
- include: true
space-before-brace:
- 1
- include: true
space-before-bang:
- 1
- include: true
space-after-bang:
- 1
- include: false
space-between-parens:
- 1
- include: false
# Final Items
trailing-semicolon:
- 1
- include: true
final-newline:
- 1
- include: true