Skip to content

Instantly share code, notes, and snippets.

@Rydgel
Created November 15, 2012 11:00
Show Gist options
  • Save Rydgel/4077979 to your computer and use it in GitHub Desktop.
Save Rydgel/4077979 to your computer and use it in GitHub Desktop.
sass extends to css
SASS:
%plane
box-shadow: 0 2px 5px rgba(#000, .1)
border-radius: 5px
%white-plane
@extend %plane
background-color: #fff
%off-white-plane
@extend %plane
background-color: #fcfcfc
header
@extend %white-plane
footer
@extend %off-white-plane
CSS:
header, footer {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
border-radius: 5px; }
header {
background-color: white; }
footer {
background-color: #fcfcfc; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment