Sass super-mixins for stylish buttons

I always wondered how designers get the perfect combination of colors and effects. Like, for example, these super yummy pure-CSS buttons from Web Designer Wall.

So, I looked for a pattern for colors, and figured out how it works. Then I wrote some Sass mixins and now I can generate them starting from any color. The ones below, for example, I picked from my favourite hat.

Get the goodness

• If you don't know Sass

  Generate the CSS for any color you can imagine

• If you would die without Sass

  1. Copy the Buttons mixins in your Sass folder

  2. Put this in your Sass file

  3. And this in your Haml file

  You'll get a nice button as an input field: and as a link: Click me