UNPKG

stylelint

Version:

A mighty CSS linter that helps you avoid errors and enforce conventions.

71 lines (56 loc) 1.9 kB
import eachDeclarationBlock from '../../utils/eachDeclarationBlock.mjs'; import { longhandSubPropertiesOfShorthandProperties } from '../../reference/properties.mjs'; import report from '../../utils/report.mjs'; import ruleMessages from '../../utils/ruleMessages.mjs'; import validateOptions from '../../utils/validateOptions.mjs'; import vendor from '../../utils/vendor.mjs'; const ruleName = 'declaration-block-no-shorthand-property-overrides'; const messages = ruleMessages(ruleName, { rejected: (shorthand, original) => `Unexpected shorthand "${shorthand}" after "${original}"`, }); const meta = { url: 'https://stylelint.io/user-guide/rules/declaration-block-no-shorthand-property-overrides', }; /** @type {import('stylelint').Rule} */ const rule = (primary) => { return (root, result) => { const validOptions = validateOptions(result, ruleName, { actual: primary }); if (!validOptions) { return; } eachDeclarationBlock(root, (eachDecl) => { /** @type {Map<string, string>} */ const declarations = new Map(); eachDecl((decl) => { const prop = decl.prop; const unprefixedProp = vendor.unprefixed(prop).toLowerCase(); const prefix = vendor.prefix(prop).toLowerCase(); const overrideables = /** @type {Map<string, Set<string>>} */ ( longhandSubPropertiesOfShorthandProperties ).get(unprefixedProp); if (!overrideables) { declarations.set(prop.toLowerCase(), prop); return; } for (const longhandProp of overrideables) { const declaration = declarations.get(prefix + longhandProp); if (!declaration) { continue; } report({ ruleName, result, node: decl, message: messages.rejected, messageArgs: [prop, declaration || ''], word: prop, }); } }); }); }; }; rule.ruleName = ruleName; rule.messages = messages; rule.meta = meta; export default rule;