Importing Sass Files

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.

The social medias

Just for fun, I decided to look up how long I’ve been on facebook, twitter, and instagram.

Facebook
Joined on September 28, 2004
8 years, 6 months

Twitter
Joined on November 11, 2008
4 years, 5 months

Instagram
Joined on October 18, 2010
2 years, 5 months

Its a good thing you can’t tell how much time I’ve spent on each of those sites/apps.

Change Text Highlight Color

This has been around a while, but I have just started implementing it on sites. This detail adds a nice touch, further extending the color scheme and also makes text on dark backgrounds easier to read when highlighting. Highlight the text on this page, you will see it is black on green. The browser default would be gray on a light blue background, which is not easy to read. Below is the code I used:

::selection { background:#c3effd; color:#000;}
::-moz-selection { background:#c3effd; color:#000; /* Firefox */ }