From 37300d389e4ad4446f9a78878eeabf79f64c1243 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jan=20Buscht=C3=B6ns?= Date: Wed, 3 Apr 2019 11:46:22 +0200 Subject: [PATCH] fix: make custom selectors work again --- lib/clark-plugin.js | 5 ++++- package.json | 1 + 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/lib/clark-plugin.js b/lib/clark-plugin.js index 5579de3..6237afe 100644 --- a/lib/clark-plugin.js +++ b/lib/clark-plugin.js @@ -24,6 +24,10 @@ module.exports = class ClarkPlugin extends Plugin { // Use :enter, which is equal to :hover and :focus combined require('postcss-pseudo-class-enter'), + // https://github.com/postcss/postcss-custom-selectorsx + // @custom-selector :--heading h1, h2, h3; + require('postcss-custom-selectors'), + // https://github.com/jedmao/postcss-nested-props // Nest properties like `font: { size: 10px; family: Helvetica; }` // @TODO: https://github.com/jedmao/postcss-nested-props/issues/9 @@ -91,7 +95,6 @@ module.exports = class ClarkPlugin extends Plugin { // Explicitly enable features that we want, despite being proposals yet. features: { - 'custom-selectors': true, 'custom-properties': true, 'custom-media-queries': true, 'nesting-rules': true, diff --git a/package.json b/package.json index ddf58d7..759a38b 100644 --- a/package.json +++ b/package.json @@ -22,6 +22,7 @@ "postcss-calc": "^7.0.1", "postcss-color-function": "^4.1.0", "postcss-conditionals": "^2.1.0", + "postcss-custom-selectors": "^5.1.2", "postcss-each": "^0.10.0", "postcss-easing-gradients": "^3.0.1", "postcss-for": "^2.1.1",