postcss-custom-properties

postcss-custom-properties copied to clipboard

custom value for custom property

2

Hi there) Im trying to upgrade _postcss-custom-properties_ from 7.0.0 to the latest version, and I have a problem. I have a code: ```css .defaultTheme { --FB-color-error-message: var(--color-red); } ``` which...

Diokuz

Error if no previous rule or declaration exists

2

Error is thrown here when the `rule` is `undefined`: https://github.com/postcss/postcss-custom-properties/blob/a250907b9ca0b336d6c0ca948a1db2fe2d145309/src/lib/is-ignored.js#L5 Fix should probably be implemented here to check if the rule exists before sending it to `isBlockIgnored`. https://github.com/postcss/postcss-custom-properties/blob/a250907b9ca0b336d6c0ca948a1db2fe2d145309/src/lib/is-ignored.js#L11

jednano

I've seen a couple of issues about resolving variables attached to specific classes and that's true indeed that it's impossible to resolve nesting cases in build time. My use case...

blvdmitry

Duplicated declaration without fallback

6

Hi, weird new one I've found. Input: ```css img { --some-length: 32px; height: var(--some-length); width: var(--some-length); } ``` Output: ```css img { --some-length: 32px; height: var(--some-length); height: var(--some-length); width: var(--some-length);...

yoanmalie

This follows https://github.com/postcss/postcss-custom-properties/issues/155 I hit the same issue, confused as to why `prop: var(--custom);` remains after var resolution, but not `:root { --custom: val; }`. It seems the default functionality...

mikestopcontinues

I'm writing styles for a react component library and we're going to adopt custom properties. One thing I'm worrying is that global custom properties defined in my library may pollute...

SevenOutman

Working with Autoprefixer CSS Grid

2

Hi, Is it there a way to combine the replacement of a custom property with autoprefixers CSS grid support? ``` :root { --base-padding: 1.25rem; } .class { display: grid; grid-gap:...

davshoward

Variable replacement failure

1

[email protected] #### CSS input ```css :root { --color1: #000000; --color2: #FFFFFF; } .success { background-image: linear-gradient(var(--color1), var(--color2)); } .fail { background-image: linear-gradient(var(--color1),var(--color2)); } ``` #### CSS ouput ( preserve: false...

geovezir

This is a proposal to add an option that brings back the behavior removed in https://github.com/postcss/postcss-custom-properties/commit/833687a4bc656e38ac09d04938ac2d34a02b71dc It is useful sometimes, for example, it gives confidence that if CI is green,...

just-boris

Overriding custom properties not supported

4

According to [W3C reference](https://www.w3.org/TR/css-variables-1/#syntax), custom properties can be overridden by more specific selectors. Example: ``` :root { --color: black; } div { --color: red; color: var(--color); } ``` Expected: ```...

lauriii