Making rows

.container {
    .make-row();
}

Case 1

<div class="container">
    <div class="c1">
        <div class="c1-1"></div>
        <div class="c1-1"></div>
    </div>
    <div class="c2">
        <div class="c2-1"></div>
        <div class="c2-1"></div>
        <div class="c2-1"></div>
        <div class="c2-1"></div>
        <div class="c2-1"></div>
    </div>
</div>

.c1 {
    .make-column(1/3);
}

.c2 {
    .make-column(2/3);
}

.c1-1 {
    .make-column(1/2 1/3);
}

.c2-1 {
    .make-column(1/5 2/3);
}

Case 2

<div class="container">
    <div class="c3"></div>
    <div class="c4"></div>
</div>

.c3 {
    .make-column(1/2, 0%, 1/2);
}

.c4 {
    .make-column(1/2, 0%, -1);
}

Case 3

<div class="container">
    <div class="c5"></div>
    <div class="c5"></div>
    <div class="c5"></div>
    <div class="c5"></div>
    <div class="c5"></div>
    <div class="c5"></div>
</div>

.c5 {
    .make-column(1/6, 15px, 960px);
}