csscomb.js icon indicating copy to clipboard operation
csscomb.js copied to clipboard

Support interpolation in property names for SCSS with camel case

Open jwfwessels opened this issue 8 years ago • 1 comments

I am using css comb via atom-css-comb.

interpolated selector names. are being reduced to lowercase instead of respecting camelCase naming, is this expected behaviour?

before

#{$blockname}-fooBar{

}

expected

#{$blockname}-fooBar {

}

result:

#{$blockname}-foobar {

}

update

upon further investigation it seems to only affect some cases

before

&-iconLink{}
&-thumbnailsToggler{}

expected

&-iconLink{}
&-thumbnailsToggler{}

result

&-iconLink{}
&-thumbnailstoggler{}

very odd >_<

--- Want to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/32364395-support-interpolation-in-property-names-for-scss-with-camel-case?utm_campaign=plugin&utm_content=tracker%2F214563&utm_medium=issues&utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F214563&utm_medium=issues&utm_source=github).

jwfwessels avatar Mar 29 '16 14:03 jwfwessels

I've removed "element-case": "lower" from my config for now.

fly1ted avatar May 03 '16 11:05 fly1ted