Skip to content

Instantly share code, notes, and snippets.

@seven-phases-max
Created May 31, 2018 03:24
Show Gist options
  • Save seven-phases-max/1f917de67753385c920816740b60c39b to your computer and use it in GitHub Desktop.
Save seven-phases-max/1f917de67753385c920816740b60c39b to your computer and use it in GitHub Desktop.
// establish themes:
#theme(default) {
@primary: black;
@contrast: white;
}
#theme(inverted) {
@primary: white;
@contrast: black;
}
#theme(error) {
@primary: white;
@contrast: red;
}
// use themes:
body {
#theme(default);
background-color: @primary;
color: @contrast;
}
.error {
#theme(error);
color: @contrast;
background-color: lighten(@contrast, 95%);
border: 1px solid @contrast;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment