Created
May 8, 2014 18:33
-
-
Save chriseppstein/95c723d3c0975a71a65e to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
%relative { position: relative; } | |
%absolute { position: absolute; } | |
.something { @extend %absolute; } | |
.something-else { @extend %relative; } | |
// Given an html element with class .something and class .something-else | |
// The cascade will resolve to position absolute instead of position relative as you'd expect. | |
// This is because the position aspect of these classes is not an essential inheritance relationship. | |
// It is simply composition -- so only mixins should be used. | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment