postcss-css-variables

postcss-css-variables copied to clipboard

Negative variables are not compiled after update

1

Did something change regarding the compilation of negative variables? In v0.14.0 this: ```css .foo { --width: 100px; with: -var(--width); } ``` used to output: ```css .foo { with: -100px; }...

sn3p

postcss-loader config information

2

I have a postcss.config.js file like this: ``` module.exports = { plugins: { 'postcss-preset-env': { }, }, }; ``` What would be the best way to include `post-css-variables`? As a...

jonybuzz

Multiclasses / Compound selector missing from output

5

I'm trying to use the `postcss-css-variables` to build a CSS file for legacy browsers such as IE using `preserved = false`. However I'm getting a inconsistent output while using multi-classes...

ronalson

Extract rules with resolved variables to another stylesheet

6

Hi. CSS Variable are quite well supported but are not in IE11

tawgul

Parenthesis problem

1

When using rgba fallbacks for CSS variables, output is wrong: ```css :root{ --color: rgba(0,0,0,0.5); } p{ color: var(--color, rgba(0,0,0,0.5)); } ``` is transformed into (notice two parentheses on the right):...

Mangatt

Chaining variables in media queries results in duplicated blocks

2

The issue might seem related to https://github.com/MadLittleMods/postcss-css-variables/issues/64, the difference being that there is no problem with nesting in the example below. The issue can be replicated in the [playground](https://madlittlemods.github.io/postcss-css-variables/playground/) with...

deioo

Comma separated rules are unnecessarily expanded (duplicate blocks)

4

It appears that comma-separated rules are expanded even if the variable value is the same, creating additional unnecessary rules. Input: ```css :root { --font-family: sans-serif; } h1, h2, h3, h4,...

amustill

Incorrect output and duplication when defining a variable relative to another

3

Inputting the code ```css @media screen and (min-width: 500px) { :root { --defaultFontSize: 2.8vw; --specialFontSize: var(--defaultFontSize); } } @media screen and (min-width: 600px) { :root { --defaultFontSize: 3.8vw; } }...

ecc521

Optionally preserve

4

My idea is to add an option to exclude only some variables. Because I have `postcss-color-function` plugin, I don't want preserve all these variables. For example I don't want preserve...

ar53n

Variable fallback not working

1

I'm using postcss-css-variables with a JSON file with this data: ``` { "variables" : { "--color-form-selected" : "red", "--color-positive-green" : "green" } } ``` On this css which uses variable...

alexhaines123