postcss-variables-prefixer
Version:
postcss plugin to prefix all css custom properties
18 lines (16 loc) • 390 B
CSS
:root {
--foo: #f00;
--foo-h: 255;
--foo-s: 100%;
--foo-l: 100%;
--bar: green;
--prefix-not-ignored: 10px;
}
body {
color: var(--foo);
background: hsl(var(--foo-h), 0%, 50%);
outline-color: hsl(var(--foo-h), var(--foo-s), var(--foo-l));
border-color: var(--bar);
margin-bottom: var(--prefix-not-ignored);
margin-top: calc(var(--prefix-not-ignored) + var(--bar));
}