Dependent property redefinition

[bangseongbeom]

Dependent property should be redefined if source property is changed.

Input:

.a {
    --source: red;
    --dependent: var(--source);

    color: var(--dependent);
}

.a .b {
    --source: blue;

    color: var(--dependent);
}

---

Actual:

.a {
    color: red;
}

.a .b {
    color: red;
}

Expected:

.a {
    color: red;
}

.a .b {
    color: blue;
}

[MadLittleMods]

Thank you for the bug report @bangseongbeom :grinning:

[Dangoo]

Any news on this issue?

It occures when overwriting a variable more then one time:

:root {
    --test: 300px;
    --bla: var(--test);
}

div {
    width: var(--test);
}

div.foo {
    --test: 200px;
    width: var(--bla);
}

div.bar {
    --test: 100px;
    width: var(--bla);
}

---

Actual:

div {
    width: 100px;
}

div.foo {
    width: 100px;
}

div.bar {
    width: 100px;
}

Expected:

div {
    width: 300px;
}

div.foo {
    width: 200px;
}

div.bar {
    width: 100px;
}

[MadLittleMods]

Sorry @Dangoo, postcss-css-variables needs a overhaul and while I have started some of it a while ago, I haven't had a chance to dive back in and get it done. Currently the code is flawed and too brittle which makes fixing these things troublesome.