feat: add stylelint-csstree-validator

Author: Limon Monte

index.js

@@ -4,13 +4,13 @@ module.exports = {
     "stylelint-config-property-sort-order-smacss",
   ],
   "plugins": [
-    // "stylelint-csstree-validator",
+    "stylelint-csstree-validator",
     "stylelint-order",
     "stylelint-scss"
   ],
   "rules": {
     "at-rule-no-unknown": null,
-    // "csstree/validator": true,
+    "csstree/validator": true,
     "declaration-empty-line-before": null,
     "number-leading-zero": null,
     "no-descending-specificity": null,

package.json

@@ -17,6 +17,7 @@
   "dependencies": {
     "stylelint-config-property-sort-order-smacss": "^5.0.0",
     "stylelint-config-standard": "^18.3.0",
+    "stylelint-csstree-validator": "^1.4.0",
     "stylelint-scss": "^3.9.0"
   },
   "devDependencies": {

test/index.js

@@ -27,3 +27,13 @@ test('order/properties-order (stylelint-config-property-sort-order-smacss)', asy
   assert.strictEqual(output.results[0].warnings.length, 1)
   assert.strictEqual(output.results[0].warnings[0].text.trim(), 'Expected "top" to come before "color" (order/properties-order)')
 })
+
+test('csstree/validator (stylelint-csstree-validator)', async () => {
+  const output = await stylelint.lint({
+    code: 'a { max-width: auto; }\n',
+    config,
+  })
+
+  assert.strictEqual(output.results[0].warnings.length, 1)
+  assert.strictEqual(output.results[0].warnings[0].text.trim(), 'Invalid value for `max-width` (csstree/validator)')
+})

yarn.lock

@@ -516,6 +516,14 @@ css-property-sort-order-smacss@^2.1.3:
   resolved "https://registry.yarnpkg.com/css-property-sort-order-smacss/-/css-property-sort-order-smacss-2.1.3.tgz#b9cf1753b3612ee7d18fe99224f483353ea38e53"
   integrity sha512-tMGlBxcfQq5VYmMFp4tGqxkNeXDBmlGbyuuz1FFGRvCUj9CvocShe23d4kFyfxW6JMlhlBVfnZRa8AO8kgceJA==
 
+[email protected]:
+  version "1.0.0-alpha.30"
+  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.30.tgz#84a4c687cc2536a60e470d41cc9b999bceebb6ed"
+  integrity sha512-/yR+59CTMG5yJ3yG/sLgwiz8kBqNZzkyp6T7qyg3DPTD2IJ7/bs8BRDOQfRTjvXpP2cPB8Z7AY/31597iMY4+Q==
+  dependencies:
+    mdn-data "~2.0.3"
+    source-map "^0.5.3"
+
 cssesc@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
@@ -1374,6 +1382,11 @@ mdast-util-compact@^1.0.0:
   dependencies:
     unist-util-visit "^1.1.0"
 
+mdn-data@~2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.3.tgz#a70100a453697827fa3ecc33cd23c8e63490a550"
+  integrity sha512-DCfx3pMW1vNlxApB8XrHAFvhUcvVAdmu3BU9r4tF6eWwv9Eg+gvQpdr2EGaEWsrPlk+jZSkEKxfdezo6d2pWYg==
+
 meow@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/meow/-/meow-5.0.0.tgz#dfc73d63a9afc714a5e371760eb5c88b91078aa4"
@@ -2015,7 +2028,7 @@ source-map-url@^0.4.0:
   resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.0.tgz#3e935d7ddd73631b97659956d55128e87b5084a3"
   integrity sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=
 
-source-map@^0.5.0, source-map@^0.5.6:
+source-map@^0.5.0, source-map@^0.5.3, source-map@^0.5.6:
   version "0.5.7"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
   integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=
@@ -2158,6 +2171,13 @@ stylelint-config-standard@^18.3.0:
   dependencies:
     stylelint-config-recommended "^2.2.0"
 
+stylelint-csstree-validator@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/stylelint-csstree-validator/-/stylelint-csstree-validator-1.4.0.tgz#f660350c300d98565540c48748a3f23e075e15ca"
+  integrity sha512-7XiJT4cvn77dyT+Dr9uc9w22UB+gdQ0UUNc6DG9ler5isnavsYRTuf0wsmvwGWym/WorDNv2yAIBOfG1gOS57g==
+  dependencies:
+    css-tree "1.0.0-alpha.30"
+
 stylelint-order@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/stylelint-order/-/stylelint-order-3.0.0.tgz#ec44afb93a3183dcf8c91540d4486de776250506"