Files
bitvid/stylelint.config.cjs
T

30 lines
1.4 KiB
JavaScript

const VAR_PATTERN = /^var\(--.*\)$/;
const CONTAINS_VAR_PATTERN = /var\(--.*\)/;
const LINEAR_GRADIENT_PATTERN = /^linear-gradient\(/;
const COLOR_MIX_PATTERN = /^color-mix\([\s\S]+\)$/;
const NON_TOKEN_LENGTH_PATTERN = /(?!.*var\().*\b\d*\.?\d+(?:px|rem)\b/;
module.exports = {
ignoreFiles: ['css/tailwind.generated.css'],
rules: {
'at-rule-no-unknown': [true, { ignoreAtRules: ['tailwind', 'layer', 'apply'] }],
'import-notation': 'string',
'color-no-hex': true,
'declaration-property-value-allowed-list': {
color: [VAR_PATTERN, 'inherit', 'currentColor'],
'background-color': [VAR_PATTERN, 'transparent', 'inherit', 'currentColor', COLOR_MIX_PATTERN],
background: [VAR_PATTERN, CONTAINS_VAR_PATTERN, LINEAR_GRADIENT_PATTERN, 'none', 'transparent'],
'border-color': [VAR_PATTERN, CONTAINS_VAR_PATTERN, 'transparent', 'inherit', 'currentColor'],
'outline-color': [VAR_PATTERN, 'transparent', 'inherit', 'currentColor'],
fill: [VAR_PATTERN, 'none', 'currentColor', 'inherit'],
stroke: [VAR_PATTERN, 'none', 'currentColor', 'inherit'],
'box-shadow': [VAR_PATTERN, CONTAINS_VAR_PATTERN, 'none']
},
'declaration-property-value-disallowed-list': {
'/^((margin|padding)(-.+)?|gap|row-gap|column-gap|font-size|border-radius|outline|outline-offset)$/': [
NON_TOKEN_LENGTH_PATTERN
]
}
}
};