postcss-css-variables

postcss-css-variables copied to clipboard

output css includes undefined

1

 css input: ```css .dark\:border-gray-100 { --tw-border-opacity: 1; border-color: rgb(243 244 246 / var(--tw-border-opacity)); } ``` output: ```css .dark\:border-gray-100 { border-color: undefined; } .dark\:border-gray-100:border-gray-100 { border-color: rgb(243 244 246 /...

lovetingyuan

It hangs, do I call it wrong?

2

I'm trying to process bulma.css (v1.00, 636 Kb). It hangs. Maybe there is an issue with my postcss.config.js? Do I need to use this plugin in a different way? (Other...

kasperkamperman

Maximum call stack exceeded

2

Seems like I am getting maximum call stack exceeded on postcss. used plugins with tailwind ```js module.exports = { plugins: { 'postcss-import': {}, 'tailwindcss/nesting': {}, tailwindcss: {}, autoprefixer: {}, 'postcss-sort-media-queries':...

maciekpaprocki

Currently `postcss-css-variables` generates `undefined` in case it process value with undefined variable. In some cases this is undesirable behavior and undefined variables should be leaved as is without modification. This...

vithar

Escaped Class Names Using Vars Incorrectly Set to `undefined`

2

Consider the following CSS: ```css .bg-\\[url\\(https\\:\\/\\/example\\.com\\/image\\.png\\)\\] { --un-url: url(https://example.com/image.png); background-image:var(--un-url); } ``` The output from running the plugin is: ```css .bg-\\[url\\(https\\:\\/\\/example\\.com\\/image\\.png\\)\\] { background-image:undefined; } .bg-\\[url\\(https\\:\\/\\/example\\.com\\/image\\.png\\)\\]:\\/\\/example\\.com\\/image\\.png\\)\\]{ background-image:url(https://example.com/image.png); } ``` The plugin...

shellscape

Improve compatibility with compound selectors

3

Fix #125 Fix #77 Fix #46 Fix #41 It's not perfect, but should be a significant improvement. Also added special syntax for cases where explicit relations are not defined: ```css...

siilike

Defining a variable in a mixin crashes when forEach is called on an undefined variabale. ``` > Cannot read properties of undefined (reading 'forEach') ``` To reproduce: in the playground...

gjhltn

Incorrect pseudo-selector output

2

Input: ```css :root { --XXX: 15px; } #test li { font-size: var(--XXX); } #test:not(.class) { --XXX: 8px; } #test2 li { font-size: var(--XXX); } #test2:hover { --XXX: 8px; } ```...

siilike

Define global variables as css file

10

It's just a suggestion for implement. Now global variables defined as 'variables' in options. And it is an js object. For me it would be better to import variables as...

artem-popov

Too many empty :root in output when passing variables

1

Here is an issue: There is a test fixture called `test/fixtures/js-defined-preserve-injected.css` ```css .box1 { width: var(--js-defined1); height: var(--js-defined2); background: var(--js-defined-no-prefix); } ``` With an output in `test/fixtures/js-defined-preserve-injected.expected.css` ```css :root {...

pfrankov