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

Senior Design Director of commerce at Automattic.

Leave a comment

Leave a Reply

%d bloggers like this: