forked from stylelint/stylelint
/
isStandardSyntaxDeclaration.js
62 lines (53 loc) · 1.33 KB
/
isStandardSyntaxDeclaration.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
'use strict';
const isScssVariable = require('./isScssVariable');
const { isRoot } = require('./typeGuards');
/**
* @param {string} [lang]
*/
function isStandardSyntaxLang(lang) {
return lang && (lang === 'css' || lang === 'custom-template' || lang === 'template-literal');
}
/**
* Check whether a declaration is standard
*
* @param {import('postcss').Declaration} decl
*/
module.exports = function (decl) {
const prop = decl.prop;
const parent = decl.parent;
// Declarations belong in a declaration block or standard CSS source
if (
isRoot(parent) &&
parent.source &&
!isStandardSyntaxLang(
/** @type {import('postcss').NodeSource & {lang?: string}} */ (parent.source).lang,
)
) {
return false;
}
// SCSS var
if (isScssVariable(prop)) {
return false;
}
// Less var (e.g. @var: x), but exclude variable interpolation (e.g. @{var})
if (prop[0] === '@' && prop[1] !== '{') {
return false;
}
// Sass nested properties (e.g. border: { style: solid; color: red; })
if (
// @ts-ignore TODO TYPES selector does not exists
parent.selector &&
// @ts-ignore
parent.selector[parent.selector.length - 1] === ':' &&
// @ts-ignore
parent.selector.substring(0, 2) !== '--'
) {
return false;
}
// Less &:extend
// @ts-ignore TODO TYPES extend does not exists
if (decl.extend) {
return false;
}
return true;
};