nex3/sass — Issue #224: Why is this simple @extend rule generating longer selectors than expected
Author: wheresrhys
Created: 2011-12-09 11:39:56+00:00
State: open

.media .carousel-wrap img {
@extend .banner-dimensions;
}

.xlarge .banner-dimensions {
width: 1490px;
height: 365px;
}

generates

.xlarge .banner-dimensions,
.xlarge .media .carousel-wrap img,
.media .carousel-wrap .xlarge img {
height: 365px;
width: 1490px;
}

where the third selector isn't needed. I would expect this behaviour if I was using

.media .carousel-wrap {
img {
@extend .banner-dimensions;
}
}

but not when using a single string, un-nested selector.

I'm using v3.1.11 (and it was also happening in 3.1.7)