Skip to content

Instantly share code, notes, and snippets.

@abhoopathy

abhoopathy/wireframe.styl

Created June 15, 2013 01:32
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 abhoopathy/5786400 to your computer and use it in GitHub Desktop.
Save abhoopathy/5786400 to your computer and use it in GitHub Desktop.
Download ZIP
Mixins for quick browser prototyping in greyscale. Each mixin accepts maps values 1-10 to greyscale values from white to black, which is better than fumbling for colors, memorizing hex, or using lighten/darken mixins also helps you remember what needs changing later.
Raw
wireframe.styl
/*
* https://gist.github.com/abhoopathy/5786400
*/
wireframe-bg($x)
$val = (255 - ($x*255 / 10))
background-color rgb($val,$val,$val)
wireframe-txt($x)
$val = (255 - ($x*255 / 10))
color rgb($val,$val,$val)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment