Minimal SCSS

I want a native HTML5/SCSS (responsive) solution for what you see in the screenshot. From as little code as possible.

I would like color code variables, examples:

$bg-color: #3A0C18;
$head-bg-color: #410000;
$head-font-color: #FFF;
$a-bg-color: #FFF;
$a-font-color: #333;

The max width of a box: 256px. Maybe:

<div class="box">
<h2>Online</h2>
<div class="links">
<a href="#">PeepShow</a>
<a href="#">Amina</a>
</div>
</div>

I want a maximum of 4 columns. I would like 2 box types: scrollable and not scrollable.