Skip to content

Instantly share code, notes, and snippets.

@mturjak
Created October 24, 2013 09:27
Show Gist options
  • Save mturjak/7133999 to your computer and use it in GitHub Desktop.
Save mturjak/7133999 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
@import "compass";
// class selectors to be @extended
// these could also use % to be silent/placeholder selectors
.size-3xl {
@include rem(font-size, 60px);
}
.size-2xl {
@include rem(font-size, 40px);
}
// mapping the class selector properties onto some structural classes
.heading1 {
@extend .size-3xl;
}
.heading1-small {
@extend .heading1;
@extend .size-2xl;
}
.size-3xl, .heading1, .heading1-small {
font-size: 60px;
font-size: 3.75rem;
}
.size-2xl, .heading1-small {
font-size: 40px;
font-size: 2.5rem;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment