With every new project I do my best to look for ways to save time with my code. This not only helps me avoid getting lost in redundant code, but also saves me time, and as we all know, time is money!

Coding CSS with Sass is already a huge time saver and one of its features goes a long way to eliminate the need to repeat any code. Here’s how to use ‘@extend’ to quick create different types of buttons.

See the Pen Sass @extend by Richard (@barkins) on CodePen.

Although using the ‘@extend’ feature is a fantastic way to save time, there are other ways to save time with Sass. Creating a Sass Mixin for example would be an excellent alternative.