Skip to content

Instantly share code, notes, and snippets.

@cfree
Created June 19, 2014 20:15
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cfree/da166d1f89751baa1dbf to your computer and use it in GitHub Desktop.
Save cfree/da166d1f89751baa1dbf to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----
/* Prints the info once, but adds classes that are extending */
%awesome-class {
display: inline-block;
margin: 0;
z-index: 100;
}
@mixin awesome-mixin {
display: block;
margin: 15px;
z-index: 200;
}
.awesome-class-beta {
@extend %awesome-class;
}
.awesome-class-charlie {
@extend %awesome-class;
}
/* Prints the same info in two places, bloat */
.awesome-class-delta {
@include awesome-mixin;
}
.awesome-class-echo {
@include awesome-mixin;
}
/* Prints the info once, but adds classes that are extending */
.awesome-class-beta, .awesome-class-charlie {
display: inline-block;
margin: 0;
z-index: 100;
}
/* Prints the same info in two places, bloat */
.awesome-class-delta {
display: block;
margin: 15px;
z-index: 200;
}
.awesome-class-echo {
display: block;
margin: 15px;
z-index: 200;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment