Skip to content

Instantly share code, notes, and snippets.

@sammarks
Created July 28, 2012 02:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sammarks/3191461 to your computer and use it in GitHub Desktop.
Save sammarks/3191461 to your computer and use it in GitHub Desktop.
/**
* colors.less - Unix Snip
*
* @author: Samuel Marks
* @description: Sets up colors for the site.
*/
.unixsnip {
.colors {
.default {
@base: #ccc;
@light: lighten(@base, 10%);
@lighter: lighten(@base, 20%);
@dark: darken(@base, 10%);
@darker: darken(@base, 20%);
@foreground: #333;
}
.inverted {
@base: #333;
@light: lighten(@base, 10%);
@lighter: lighten(@base, 20%);
@dark: darken(@base, 10%);
@darker: darken(@base, 20%);
@foreground: #fff;
}
.green {
@base: #2fc669;
@light: lighten(@base, 10%);
@lighter: lighten(@base, 20%);
@dark: darken(@base, 10%);
@darker: darken(@base, 20%);
@foreground: #fff;
}
.red {
@base: #c6322f;
@light: lighten(@base, 10%);
@lighter: lighten(@base, 20%);
@dark: darken(@base, 10%);
@darker: darken(@base, 20%);
@foreground: #fff;
}
.blue {
@base: #2f62c6;
@light: lighten(@base, 10%);
@lighter: lighten(@base, 20%);
@dark: darken(@base, 10%);
@darker: darken(@base, 20%);
@foreground: #fff;
}
.orange {
@base: #c6502f;
@light: lighten(@base, 10%);
@lighter: lighten(@base, 20%);
@dark: darken(@base, 10%);
@darker: darken(@base, 20%);
@foreground: #fff;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment