Skip to content

Instantly share code, notes, and snippets.

@blackfalcon
Created November 26, 2013 17:56
Show Gist options
  • Save blackfalcon/7662909 to your computer and use it in GitHub Desktop.
Save blackfalcon/7662909 to your computer and use it in GitHub Desktop.
Extends Sass example
.one
words
.two
words
.three
words
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
%spacing
width: 20%
background-color: orange
height: 100px
display: inline-block
.one
@extend %spacing
.two
@extend %spacing
.three
@extend %spacing
.one, .two, .three {
width: 20%;
background-color: orange;
height: 100px;
display: inline-block;
}
<div class='one'>
words
</div>
<div class='two'>
words
</div>
<div class='three'>
words
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment