Coding, Read

Sass: A Powerful CSS Extension Language

Sass is an extension language for CSS.  It has many useful tools to help web developers streamline their process.

With Sass you can define attributes to a variable and then use them repeatedly.  For example, if you have several elements on a page that will all have the same default settings such as margin width, border, and font-color, you can assign all of these attributes to a single variable and use it over and over again.  This not only saves you time when doing your initial coding, but if you want to change your attributes down the road you only need to change them in one place.  See the following example:

@mixin default-type {
     margin: 20px auto;
     color: blue;
     border: 2px solid black;
img {
     @include default-type;
footer {
@include default-type;

As useful as this is, Sass is even more feature-rich and allows for many other convenient shortcuts.  For more information, read this A List Apart article Why Sass?  Also check out Sass’s official site


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s