Skip to content

Instantly share code, notes, and snippets.

@interactivellama
Last active August 29, 2015 14:17
Show Gist options
  • Select an option

  • Save interactivellama/618bee4e9f5e08a79308 to your computer and use it in GitHub Desktop.

Select an option

Save interactivellama/618bee4e9f5e08a79308 to your computer and use it in GitHub Desktop.
Achromatic grays for LESS
// - - - - - - - - - - - - - - - - - - - - - - - - - - -
// ACHROMATIC GRAYS - number suffix = luminance value
// - - - - - - - - - - - - - - - - - - - - - - - - - - -
// A few shades of gray will suffice for simple controls and themes,
// but don't torture yourself with 'light', 'lighter', and 'more mediumer'
@true-white: #fff;
@true-black: #000;
// Used
@gray13: lighten(#000, 13.5%); // #222
@gray27: lighten(#000, 27%); // #444
@gray33: lighten(#000, 33.5%); // #555
@gray40: lighten(#000, 40%); // #666
@gray47: lighten(#000, 46.7%); // #777
@gray53: lighten(#000, 53%); // #888
@gray60: lighten(#000, 60%); // #999
@gray67: lighten(#000, 66.5%); // #AAA
@gray74: lighten(#000, 73.5%); // #BBB
@gray80: lighten(#000, 80%); // #CCC
@gray87: lighten(#000, 86.5%); // #DDD
@gray93: lighten(#000, 93.5%); // #EEE
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment