Skip to content

Instantly share code, notes, and snippets.

@tdreyno
Created February 17, 2012 23:28
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 tdreyno/1856134 to your computer and use it in GitHub Desktop.
Save tdreyno/1856134 to your computer and use it in GitHub Desktop.
=color-mixer($color-name, $color-hex)
$color-name: $color-hex
$color-name + Light: lighten($color-name, 8%)
$color-name + Lighter: lighten($color-name, 16%)
$color-name + Dark: darken($color-name, 8%)
$color-name + Dark: darken($color-name, 16%)
$purple
+color-mixer($purple, #a2385d)
// Output
$purple: #a2385d
$purpleLight: lighten($purple, 8%)
$purpleLighter: lighten($purple, 16%)
$purpleDark: darken($purple, 8%)
$purpleDarker: darken($purple, 16%)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment