PostCSS 私人规则

npm install @csstools/postcss-private-rule --save-dev

PostCSS 私人规则 允许您在此之后声明私有自定义属性 CSS 混音规格。 。 。 .

section {
    @private {
        --size: 2px;
    }

    &, & > h1 {
        border-width: var(--size);
    }
}

section > h1 {
    --size: 4px;
}

/* becomes */

section {
        --_csstools-p-1gice1e-0--size: 2px;

    &, & > h1 {
        border-width: var(--_csstools-p-1gice1e-0--size);
    }
}

section > h1 {
    --size: 4px;
}

使用量

添加 PostCSS 私人规则 对您的项目:

npm install postcss @csstools/postcss-private-rule --save-dev

当作一个 邮政 插件 :

const postcss = require('postcss');
const postcssPrivateRule = require('@csstools/postcss-private-rule');

postcss([
    postcssPrivateRule(/* pluginOptions */)
]).process(YOUR_CSS /*, processOptions */);