Less '&-' operator that SASS does not.
esbanarango opened this issue · 2 comments
esbanarango commented
LESS supports another use of the &
operator that SASS does not:
.parent {
background: #fff;
&-child {
color: #222;
}
}
produces:
.parent {
background: #fff;
}
.parent-child {
color: #222;
}
So we're translating this:
.panel {
&-heading,
&-footer {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
}
on this:
.panel {
.panel-heading,
.panel-footer {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
}
instead of this:
.panel-heading,
.panel-footer {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
maxim commented
@esbanarango hm, this processor should do it. If it doesn't must be a bug: https://github.com/maxim/bootswatch-rails/blob/master/converter#L72-L95
esbanarango commented
@maxim Right, I'll first fix this manually on the .scss files, as they aren't too many. Then I'll fix the processor.