jdsteinbach
5/2/2014 - 6:00 PM

Generated by SassMeister.com.

Generated by SassMeister.com.

/* You can generate nested selectors this: */
.post-archive {
  text-align: center;
}
.post-archive .single {
  text-align: left;
}
.post-archive h1 {
  font-size: 2em;
}

/* You cannot generate new selectors like this: */
.post {
  font-size: 1em;
}
// ----
// Sass (v3.3.6)
// Compass (v1.0.0.alpha.18)
// ----

/* You can generate nested selectors this: */
%parent {
  text-align: center;
  .single {
    text-align: left;
  }
  h1 {
    font-size: 2em;
  }
}
.post-archive {
  @extend %parent;
}

/* You cannot generate new selectors like this: */
%article {
  font-size: 1em;
  
  &-title {
    font-size: 2em;
  }
}
.post {
  @extend %article;
}