Skip to content

Instantly share code, notes, and snippets.

@mturjak
Created November 13, 2013 23:58
Show Gist options
  • Select an option

  • Save mturjak/7458758 to your computer and use it in GitHub Desktop.

Select an option

Save mturjak/7458758 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
@mixin sameHeight($multiplier){
height: 367px + 21px * $multiplier;
}
$amp: null;
.page{
$amp: #{&};
/* .page style */
}
/* now with different levels of specificity: */
.inner{
/* just .inner style */
#{$amp} & {
/* .page .inner style */
}
@for $i from 1 through 3{
#{$amp} .compare-#{$i} & { @include sameHeight($i); };
}
}
.page {
/* .page style */
}
/* now with different levels of specificity: */
.inner {
/* just .inner style */
}
.page .inner {
/* .page .inner style */
}
.page .compare-1 .inner {
height: 388px;
}
.page .compare-2 .inner {
height: 409px;
}
.page .compare-3 .inner {
height: 430px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment