Skip to content

Instantly share code, notes, and snippets.

@nongio-zz
Created June 12, 2014 13:07
Show Gist options
  • Save nongio-zz/a04a0bdbdb87c3e36fe4 to your computer and use it in GitHub Desktop.
Save nongio-zz/a04a0bdbdb87c3e36fe4 to your computer and use it in GitHub Desktop.
scss to reproduce sassc bug
.baseclass {
position: relative;
width: 116px;
height: 142px;
margin: 6px 0px 0px 6px;
> img {
width: 114px;
height: 114px;
}
&__label {
padding-left: 5px;
line-height: 22px;
}
}
.baseclass--modifier {
@extend .baseclass;
> img {
opacity: 0.5;
}
&__label {
color: black;
}
}
@nongio-zz
Copy link
Author

sass output:

.baseclass, .baseclass--modifier {
  position: relative;
  width: 116px;
  height: 142px;
  margin: 6px 0px 0px 6px; }
  .baseclass > img, .baseclass--modifier > img {
    width: 114px;
    height: 114px; }
  .baseclass__label {
    padding-left: 5px;
    line-height: 22px; }

.baseclass--modifier > img {
  opacity: 0.5; }
.baseclass--modifier__label {
  color: black; }

sassc output:

.baseclass, .baseclass--modifier {
  position: relative;
  width: 116px;
  height: 142px;
  margin: 6px 0px 0px 6px; }
  .baseclass > img, .baseclass > .baseclass--modifier {
    width: 114px;
    height: 114px; }
  .baseclass__label {
    padding-left: 5px;
    line-height: 22px; }

.baseclass--modifier > img {
  opacity: 0.5; }
.baseclass--modifier__label {
  color: black; }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment