stylelint
Version:
A mighty, modern CSS linter.
80 lines (66 loc) • 2.12 kB
JavaScript
;
const isStandardSyntaxRule = require("../../utils/isStandardSyntaxRule");
const isStandardSyntaxSelector = require("../../utils/isStandardSyntaxSelector");
const keywordSets = require("../../reference/keywordSets");
const parseSelector = require("../../utils/parseSelector");
const report = require("../../utils/report");
const ruleMessages = require("../../utils/ruleMessages");
const validateOptions = require("../../utils/validateOptions");
const ruleName = "selector-pseudo-class-case";
const messages = ruleMessages(ruleName, {
expected: (actual, expected) => `Expected "${actual}" to be "${expected}"`
});
const rule = function(expectation) {
return (root, result) => {
const validOptions = validateOptions(result, ruleName, {
actual: expectation,
possible: ["lower", "upper"]
});
if (!validOptions) {
return;
}
root.walkRules(rule => {
if (!isStandardSyntaxRule(rule)) {
return;
}
const selector = rule.selector;
const startIndexPseudo = selector.indexOf(":");
if (startIndexPseudo === -1) {
return;
}
parseSelector(selector, result, rule, selectorTree => {
selectorTree.walkPseudos(pseudoNode => {
const pseudo = pseudoNode.value;
if (!isStandardSyntaxSelector(pseudo)) {
return;
}
if (
pseudo.indexOf("::") !== -1 ||
keywordSets.levelOneAndTwoPseudoElements.has(
pseudo.toLowerCase().slice(1)
)
) {
return;
}
const expectedPseudo =
expectation === "lower"
? pseudo.toLowerCase()
: pseudo.toUpperCase();
if (pseudo === expectedPseudo) {
return;
}
report({
message: messages.expected(pseudo, expectedPseudo),
node: rule,
index: pseudoNode.sourceIndex,
ruleName,
result
});
});
});
});
};
};
rule.ruleName = ruleName;
rule.messages = messages;
module.exports = rule;