Skip to content

Instantly share code, notes, and snippets.

@jackw
Created November 3, 2013 15:10
Show Gist options
  • Save jackw/7291226 to your computer and use it in GitHub Desktop.
Save jackw/7291226 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
%my-placeholder {
background:black;
padding:20px;
position:relative;
color:red;
&:before {
background:purple;
content:'I was here before you.';
padding:20px;
position:absolute;
top:0;
right:100%;
}
&:after {
background:pink;
content:'I come after you.';
padding:20px;
position:absolute;
top:0;
left:100%;
}
}
.give-me-more {
@extend %my-placeholder;
}
.give-me-more {
background: black;
padding: 20px;
position: relative;
color: red;
}
.give-me-more:before {
background: purple;
content: 'I was here before you.';
padding: 20px;
position: absolute;
top: 0;
right: 100%;
}
.give-me-more:after {
background: pink;
content: 'I come after you.';
padding: 20px;
position: absolute;
top: 0;
left: 100%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment