Добавить пространство, используя решетку сетки mixins - sass

Question

Я пытаюсь создать навигационную панель с сассой и сеткой фундамента. У меня есть ссылки в навигационной панели, но я не хочу, чтобы каждый из них был @include grid-column(4);, вместо этого я бы хотел, чтобы они были по 3 столбца каждый, а затем имели пустое пространство из 3 столбцов на правом конце. Было бы что-то похожее на это: (вкладка электронной почты в настоящее время парил)

Как добавить место там с Фондом грид Sass Mixins.

Answer 1

Я исправил проблему, просто изменив каждый id на @include grid-column(3);, которые были ранее @include grid-column(4);. Я считаю, что это сработало, потому что они находятся в строке, а следующий столбец больше 3, поэтому он автоматически не переходит на панель навигации выше, но лежит под ним.

Мои Примеси раскладывают что-то вроде этого:

header { 
      @include grid-row; 
     } 
    h1 { 
      @include grid-column(9); 
    } 
    .login{ 
     @include grid-column(3); 
    } 
    nav { 
      @include grid-column(12); 
     } 
    #games { 
      @include grid-column(3); 
     } 
    #email { 
      @include grid-column(3); 
     } 
    #archive { 
      @include grid-column(3); 
     } 
    .breadcrumbs { 
     @include grid-column(12); 
    } 
    nav a { 
}