2013-11-21 3 views
0

Я хочу контейнер шириной 1000px с 12 колоннами, разделенными 20px желобами. Так я вошел точные пиксели:ширина колонки никогда не указана

$total-columns : 12; 
$column-width : 65px; 
$gutter-width : 20px; 
$grid-padding : 0; 
$container-style: static; 

Я в конечном итоге с этими столбцами:

width: 6.77966% /*(calculated: 67.7833px)*/ 
margin-right: margin-right: 1.69492%; /* (calculated: 16.9333px) */ 

Я полностью из подсказок, что происходит здесь не так. У меня такое чувство, что у меня нет чего-то очень элементарного.

Любое понимание приветствуется.

Thx

ответ

1

Susy был изначально построен для управления жидкости сетки, так что по умолчанию. Если вы хотите статические сетки, просто измените переменную $container-style в static:

$container-style: static; 

Это должно сделать это!

+0

Как вы можете видеть, статичный IS-контейнер в стиле контейнера. Все же заданные ширины не точны. –

+0

Я использую susy с темой омега 4 drupal. Аналогичная проблема здесь: http://stackoverflow.com/questions/20182204/susy-container-style-fixed-widths привела меня к тому, что что-то не так в реализации omega. Я мог на самом деле получить это прямо здесь: http://sassmeister.com/gist/7633527. –

+0

Возможно, у вас также есть набор '$ container-width'? Или, может быть, тема? Попробуйте установить значение 'false'. –

0

Хорошо, я нашел свою ошибку.

Как упоминалось выше, я использую susy с темой омега 4 drupal. Я создал отдельный файл _grid.scss, который содержал только определение сетки:

.grid-1 { 
    @include span-columns(1, 12); 
} 

То, что я не знал, что я должен был добавить колонку и шириной определения в этом файле, а также. Поэтому у меня всегда были настройки по умолчанию.

Извините за нарушение :)

Смежные вопросы