I was restructuring some css, as you do on a Saturday, and learned something new thanks to Michael Arestad.

Instead of listing out your imports like this:

@import file.scss;
@import somefile.scss;
@import yofile.scss;
@import lastfile.scss;

You can do this:

@import
"file",
"somefile",
"yofile",
"lastfile";

That means no file names and only writing out import once! Its pretty minor, but oh so readable and clean.

Published by Kelly Hoffman

Design lead for WooCommerce.

Leave a comment

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

WordPress.com Logo

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

Google+ photo

You are commenting using your Google+ 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 )

Connecting to %s

%d bloggers like this: