установить положение столбца с Susy

Question

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

Я думал, что это будет работать:

#idLeftColumn{ 
@include span(1 at 1 first); 
} 

#idMiddleColumn{ 
@include span(1 at 2); 
} 

#idRightColumn{ 
@include span(1 at 3 last); 
} 

HTML-код имеет средний столбец порядок, левый столбец, а затем правый столбец.

Веб-сайт сначала показывает средний столбец. Это порядок в исходном коде.

Вот полный код: http://sassmeister.com/gist/60d85878921ca500c681

Answer 1

Susy использует стандартный формат с плавающей точкой по умолчанию. Поскольку поплавки складываются в поток, вы не можете позиционировать их каким-либо «абсолютным» способом - у вас должно быть push или pull их из одной позиции в другую. Сьюзи не имеет возможности узнать свое положение по умолчанию в потоке, но вы можете сделать это вручную с помощью миксами push() и pull().

Или вы можете использовать опцию вывода isolation, которая использует отрицательные поля, чтобы потянуть все влево - и затем позволяет вам позиционировать их так, как вы пытаетесь сделать выше.

Вы можете сделать это инлайн:

#idLeftColumn{ 
    @include span(1 at 1 isolate); // "at 1 first" is redundant 
} 

#idMiddleColumn{ 
    @include span(1 at 2 isolate); 
} 

Или вы можете сделать это на глобальном уровне:

@include layout(isolate); 

#idLeftColumn{ 
    @include span(1 at 1); // "at 1 first" is redundant 
} 

#idMiddleColumn{ 
    @include span(1 at 2); 
}