Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save greypants/7663692 to your computer and use it in GitHub Desktop.
Save greypants/7663692 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<button class="button -blue -large -rounded overrides -disable -right">I'm a button!</button>
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
.button {
padding: 1em 2em;
float: left;
&.-blue {
background: #00f;
}
&.-large {
font-size: 36px;
}
&.-rounded {
border-radius: 10px;
}
}
// Global Overrides
.overrides {
&.-disable {
opacity: 0.5;
pointer-events: none;
}
&.-right {
float: right;
}
}
.button {
padding: 1em 2em;
float: left;
}
.button.-blue {
background: #00f;
}
.button.-large {
font-size: 36px;
}
.button.-rounded {
border-radius: 10px;
}
.overrides.-disable {
opacity: 0.5;
pointer-events: none;
}
.overrides.-right {
float: right;
}
<button class="button -blue -large -rounded overrides -disable -right">I'm a button!</button>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment