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]

News Films

Our little film studio focuses on telling developer-centric stories that need to be seen.

Beyond Code: Season 3 / GopherCon 2015

0:00 / 0:00