Wynn Netherland changelog.com/posts

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]


Discussion

Sign in or Join to comment or subscribe

Player art
  0:00 / 0:00