Как использовать Susy для статических макетов?

Я изо всех сил пытаюсь изучить Susy и создавать с ее помощью отзывчивые страницы. До Susy я использовал сетку Bootstrap и привык создавать веб-страницы с использованием этой сетки. Когда я проектирую в Bootstrap Grid, я знаю точное количество столбцов и соответственно использую изображения этого размера. Например, изображение, занимающее 3 столбца, будет иметь ширину 270 пикселей. Концепция, которую я изо всех сил пытаюсь изучить с Susy, заключается в том, как определить ширину моих изображений в соответствии с количеством столбцов, которые они занимают.

Короче говоря, я хочу придерживаться своей старой техники использования статической ширины, но вместо сетки Bootstrap использую Susy.

Кто-нибудь еще сталкивался с такой же проблемой? Или я упускаю какую-то концепцию?

Спасибо


responsive-design twitter-bootstrap-3 susy
person Afraz Ali    schedule 12.02.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Хорошо, я думаю, что понял это. Это конфигурация, которую я использовал для имитации Bootstrap Grid.

$susy: (
    columns: 12,        
    column-width: 70px,
    gutters:30px/70px,  
    debug: (image: show)
);

Это создает именно сетку, используемую Bootstrap.

person Afraz Ali    schedule 12.02.2015