Skip to content

Instantly share code, notes, and snippets.

@tddewey
Created August 20, 2014 05:59
Show Gist options
  • Save tddewey/bd6faebe88ee90a0235a to your computer and use it in GitHub Desktop.
Save tddewey/bd6faebe88ee90a0235a to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<div class="join-now">
Inverted Block
</div>
<p>Normal Paragraph</p>
// ----
// Sass (v3.3.14)
// Compass (v1.0.0)
// ----
$color-primary: #914614;
%inverted-block {
color: white;
background-color: $color-primary;
}
.join-now {
@extend %inverted-block;
}
p {
color: $color-primary;
}
/**
* Additional styles to format
*/
%inverted-block, p {
font-family: sans-serif;
}
%inverted-block {
width: 50%;
display: inline-block;
padding: 20px;
}
p {
display: inline-block;
padding: 20px;
}
.join-now {
color: white;
background-color: #914614;
}
p {
color: #914614;
}
/**
* Additional styles to format
*/
.join-now, p {
font-family: sans-serif;
}
.join-now {
width: 50%;
display: inline-block;
padding: 20px;
}
p {
display: inline-block;
padding: 20px;
}
<div class="join-now">
Inverted Block
</div>
<p>Normal Paragraph</p>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment