126 lines
3.5 KiB
JavaScript
126 lines
3.5 KiB
JavaScript
|
'use strict'
|
||
|
|
|
||
|
|
module.exports = {
|
||
|
|
extends: 'stylelint-config-recommended',
|
||
|
|
rules: {
|
||
|
|
'alpha-value-notation': [
|
||
|
|
'percentage',
|
||
|
|
{
|
||
|
|
exceptProperties: [
|
||
|
|
'opacity',
|
||
|
|
'fill-opacity',
|
||
|
|
'flood-opacity',
|
||
|
|
'stop-opacity',
|
||
|
|
'stroke-opacity',
|
||
|
|
],
|
||
|
|
},
|
||
|
|
],
|
||
|
|
'at-rule-empty-line-before': [
|
||
|
|
'always',
|
||
|
|
{
|
||
|
|
except: ['blockless-after-same-name-blockless', 'first-nested'],
|
||
|
|
ignore: ['after-comment'],
|
||
|
|
},
|
||
|
|
],
|
||
|
|
'at-rule-no-vendor-prefix': true,
|
||
|
|
'color-function-notation': 'modern',
|
||
|
|
'color-hex-length': 'short',
|
||
|
|
'comment-empty-line-before': [
|
||
|
|
'always',
|
||
|
|
{
|
||
|
|
except: ['first-nested'],
|
||
|
|
ignore: ['stylelint-commands'],
|
||
|
|
},
|
||
|
|
],
|
||
|
|
'comment-whitespace-inside': 'always',
|
||
|
|
'custom-property-empty-line-before': [
|
||
|
|
'always',
|
||
|
|
{
|
||
|
|
except: ['after-custom-property', 'first-nested'],
|
||
|
|
ignore: ['after-comment', 'inside-single-line-block'],
|
||
|
|
},
|
||
|
|
],
|
||
|
|
'custom-media-pattern': [
|
||
|
|
'^([a-z][a-z0-9]*)(-[a-z0-9]+)*$',
|
||
|
|
{
|
||
|
|
message: (name) =>
|
||
|
|
`Expected custom media query name "${name}" to be kebab-case`,
|
||
|
|
},
|
||
|
|
],
|
||
|
|
'custom-property-pattern': [
|
||
|
|
'^([a-z][a-z0-9]*)(-[a-z0-9]+)*$',
|
||
|
|
{
|
||
|
|
message: (name) =>
|
||
|
|
`Expected custom property name "${name}" to be kebab-case`,
|
||
|
|
},
|
||
|
|
],
|
||
|
|
'declaration-block-no-redundant-longhand-properties': true,
|
||
|
|
'declaration-block-single-line-max-declarations': 1,
|
||
|
|
'declaration-empty-line-before': [
|
||
|
|
'always',
|
||
|
|
{
|
||
|
|
except: ['after-declaration', 'first-nested'],
|
||
|
|
ignore: ['after-comment', 'inside-single-line-block'],
|
||
|
|
},
|
||
|
|
],
|
||
|
|
'font-family-name-quotes': 'always-where-recommended',
|
||
|
|
'function-name-case': 'lower',
|
||
|
|
'function-url-quotes': 'always',
|
||
|
|
'hue-degree-notation': 'angle',
|
||
|
|
'import-notation': 'url',
|
||
|
|
'keyframe-selector-notation': 'percentage-unless-within-keyword-only-block',
|
||
|
|
'keyframes-name-pattern': [
|
||
|
|
'^([a-z][a-z0-9]*)(-[a-z0-9]+)*$',
|
||
|
|
{
|
||
|
|
message: (name) => `Expected keyframe name "${name}" to be kebab-case`,
|
||
|
|
},
|
||
|
|
],
|
||
|
|
'length-zero-no-unit': [
|
||
|
|
true,
|
||
|
|
{
|
||
|
|
ignore: ['custom-properties'],
|
||
|
|
},
|
||
|
|
],
|
||
|
|
'lightness-notation': 'percentage',
|
||
|
|
'media-feature-name-no-vendor-prefix': true,
|
||
|
|
'media-feature-range-notation': 'context',
|
||
|
|
'number-max-precision': 4,
|
||
|
|
'property-no-vendor-prefix': true,
|
||
|
|
'rule-empty-line-before': [
|
||
|
|
'always-multi-line',
|
||
|
|
{
|
||
|
|
except: ['first-nested'],
|
||
|
|
ignore: ['after-comment'],
|
||
|
|
},
|
||
|
|
],
|
||
|
|
'selector-attribute-quotes': 'always',
|
||
|
|
'selector-class-pattern': [
|
||
|
|
'^([a-z][a-z0-9]*)(-[a-z0-9]+)*$',
|
||
|
|
{
|
||
|
|
message: (selector) =>
|
||
|
|
`Expected class selector "${selector}" to be kebab-case`,
|
||
|
|
},
|
||
|
|
],
|
||
|
|
'selector-id-pattern': [
|
||
|
|
'^([a-z][a-z0-9]*)(-[a-z0-9]+)*$',
|
||
|
|
{
|
||
|
|
message: (selector) =>
|
||
|
|
`Expected id selector "${selector}" to be kebab-case`,
|
||
|
|
},
|
||
|
|
],
|
||
|
|
'selector-no-vendor-prefix': true,
|
||
|
|
'selector-not-notation': 'complex',
|
||
|
|
'selector-pseudo-element-colon-notation': 'double',
|
||
|
|
'selector-type-case': 'lower',
|
||
|
|
'shorthand-property-no-redundant-values': true,
|
||
|
|
'value-keyword-case': 'lower',
|
||
|
|
'value-no-vendor-prefix': [
|
||
|
|
true,
|
||
|
|
{
|
||
|
|
// `-webkit-box` is allowed as standard. See https://www.w3.org/TR/css-overflow-3/#webkit-line-clamp
|
||
|
|
ignoreValues: ['box', 'inline-box'],
|
||
|
|
},
|
||
|
|
],
|
||
|
|
},
|
||
|
|
}
|