Как создать вложенные сетки с определением родительской сетки

Как я могу создать вложенную сетку, которая будет выровнена с ее родителем?

Допустим, у меня есть сетка: 2 4 4 3

и я хочу, чтобы каждый из его центральных столбцов был разделен на 2 столбца, чтобы они были выровнены со своими родительскими контейнерами.

Спасибо.

Чтобы дополнительно объяснить мою проблему, учитывая следующий код:

#content{
    at include grid-span(2,2);
    border-top: 1px solid red;
    article.article1{
        at include grid-span(1, 1, 4 4);
    }
    article.article2{
        at include grid-span(1, 2, 4 4);
    }
}
#sidebar{
    at include grid-span(1,4);
}

Есть ли способ избежать повторяющихся правил статей в одном правиле, которое будет служить обоим?