Skip to content

Instantly share code, notes, and snippets.

@impressivewebs
Created March 4, 2014 08:43
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save impressivewebs/9342563 to your computer and use it in GitHub Desktop.
Save impressivewebs/9342563 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----
@mixin theme($name, $color) {
$primary: $color;
$secondary: lighten(adjust-hue($color, 20), 10%);
.#{$name} {
.element {
color: $primary;
}
.other-element {
background: $secondary;
}
}
}
@include theme(theme-banana, yellow);
@include theme(theme-blueberry, purple);
@include theme(theme-cherry, red);
.theme-banana .element {
color: yellow;
}
.theme-banana .other-element {
background: #bbff33;
}
.theme-blueberry .element {
color: purple;
}
.theme-blueberry .other-element {
background: #b30077;
}
.theme-cherry .element {
color: red;
}
.theme-cherry .other-element {
background: #ff7733;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment