fiddlesalad
fiddlesalad copied to clipboard
incorrect placement of parent selector (less)
Other less compilers i checked dont have this issue, it seems specific to the one fiddlesalad uses.
When i type:
.foo {
> .bar {
baz& {
width: 50%;
}
baz & {
width: 50%;
}
.baz& {
width: 50%;
}
.baz & {
width: 50%;
}
}
}
the expected output is
baz.foo > .bar {
width: 50%;
}
baz .foo > .bar {
width: 50%;
}
.baz.foo > .bar {
width: 50%;
}
.baz .foo > .bar {
width: 50%;
}
Instead, the output is
baz .foo > .bar {
width: 50%;
}
baz .foo > .bar {
width: 50%;
}
.baz .foo > .bar {
width: 50%;
}
.baz .foo > .bar {
width: 50%;
}