Галерея Sass Susy: элемент, занимающий две колонки

ImgurМне нужно сделать так, чтобы некоторые элементы микса галереи susy занимали два столбца, проблема в том, что, как показано на рисунке, это не так. поместите другие элементы после него, хотя я пытался сделать это вручную. Как это можно было сделать. Ссылка на код https://github.com/iyedg/IGBlogTheme


html css sass grid susy
person theatropos1994    schedule 21.09.2014    source источник
comment
Как выглядит ваш код? Что вы уже пробовали? Трудно помочь вам, основываясь только на изображении   -  person Stephan Muller    schedule 21.09.2014
comment
У меня похожая проблема. Как вы решили это?   -  person Seb    schedule 15.03.2015

Ответы (1)


arrow_upward
0
arrow_downward

Вот идеальный учебник по галерее с элементами разного размера.

И главное: вы не можете добиться этого с gallery() миксином, но это возможно с span() миксином с помощью чего-то вроде

$susy: (
  columns: 12, 
  output: isolate
);

// Assuming output is set to isolate
.gallery__item {
  margin-bottom: gutter();
  @include span(4 of 12 split); 

  &:nth-child(4),
  &:nth-child(7), {
    width: span(8 of 12 split);
  }
}

person Marina Anayko    schedule 15.08.2016