Dash selector issue

[Z]

.some-selector { some:prop; }
.some-selector-more { some:proop; }

.parent {
self extends .some-selector {
height:auto
}

.children {
self extends .some-selector-more {
height:auto
}
}
}

Compiled to this:

.parent .children,
.parent-more,
.some-selector-more {
some: proop;
}
.parent,
.some-selector {
some: prop;
}
...

Where the hell that .parent-more selector comes from?

Compiled with the online-compiler.

[Z]

I'm sorry it is not with the dash caracter.
.some_selector_more => .parent_more
.someselectormore => .parentmore

[Anton Pawlik]

Hey, its because the names .some-selector .some-selector-more are to similar. try to give the different names and it will work as you expect.

[Z]

Jeah I figured it, but you say this is how it supposed to work?
It's a it confusing, but I know now I'll be carefull.

Thans.

[Anton Pawlik]

to fix the similar name issue i would need to parse the extends with a
regular expression which will make things slow. I'm not even sure if i
could
write one that does this job right. its also don't have an impact on
your
outcome css, sure the compiled css looks wired but it will still
behave in
the right way. the unnecessary added classes doesn't do any harm to
your
layout because you dont use them.