Jss: nested rule with dynamic value doesnt seem to work

[kof]

@xiaofan2406 commented on Fri Mar 17 2017

container: {
    color: props => props.color, // this works
    '&:before' : {
        content: 'text',
        color: props => props.color // this doesn't
    }
}

Did i miss something?

---

@kof commented on Fri Mar 17 2017

Yeah, works right now only for top level rules. Lets keep this issue for enhancement. Not sure though if it is worth it.

[jcheroske]

I would love to see this feature.

[kof]

Feel free to take a deeper look and send a pr if you can.

[PolGuixe]

I would love to see this implemented I am trying to build a grid system with JSS and I feel I really need dynamic values in nested rules.

[xiaofan2406]

@kof Can you please suggest any temporary workaround for this issue?

[kof]

Workaround would be to not to use nested rules with function values right now. Will be fixed soon.

[PolGuixe]

@kof When you reckon that it would be available?

[kof]

today) part of #444

[kof]

Fixed, check out jss 7.0

[xiaofan2406]

Not sure if I missed anything, but it doesn't seem to work for me.

[kof]

Have you installed the latest [email protected] as well?

[xiaofan2406]

yes. I cleared node_modules and reinstalled as well just to be sure. Still not working.

[kof]

but did you look into the node_modules/jss-nested/package.json? The thing is I have a test for this case and it works, what do you do different? Can you submit a test?

[xiaofan2406]

Alright. Turns out mixing npm and yarn can cause some weird version errors. MB, it is working as expected.