The Changelog

Open Source moves fast. Keep up.

Create fancy buttons with Compass and Sass

Brandon Mathis released a Compass extension to create fancy CSS buttons that includes:

  • Button reset – to get browsers to the same starting point
  • Rounded corners, Text shadows, and Gradients + vendoring
  • Background image fallback
  • Padding, Text size, line-height, etc
  • Default, Hover, and Active states for all styles
  • Lots of tricky color math to generate beautiful gradients from one color

Follow our sister project “The Sass Way” at @TheSassWay on Twitter for the latest news about Sass and Compass.

[blog post] [video] [code]

Have comments? Send a tweet to @TheChangelog on Twitter.

Subscribe to The Changelog Weekly – our weekly email covering everything that hits our open source radar.