Susy - получить статическую ширину пролета в контейнере для жидкости

Question

Я создаю веб-сайт с использованием контейнера с сеткой жидкого раствора. Но некоторые из моих элементов интерфейса требуют фиксированной ширины. Поэтому, имея следующие настройки:

$susy: (
    columns: 12, 
    container: rem-calc(1680), 
    gutters: 28px/112px, 
    global-box-sizing: border-box, 
    gutter-position: split 
); 

Я хотел бы легко получить, например, 8 столбцов, но статически. Таким образом, значение @include span (8 из 12) будет иметь значение precentage, что хорошо, но в некоторых случаях я бы хотел получить статическое значение (на основе фиксированной максимальной ширины контейнера).

Возможно ли это?

Answer 1

В ваших Susy глобальных настройках выше вы можете добавить:

math: static 

Но для того, чтобы сделать это вам необходимо включить столбец ширины объекта, а также.

Итак, давайте скажем, вы хотите, чтобы каждый столбец с шириной 40px, используя ваш пример это выглядит следующим образом:

$susy: (
    columns: 12, 
    ... 
    math: static, 
    column-width: 40px 
); 

Когда вы @include span вместо% основы, он будет использовать пикс базу, которая, как вы хотите, чтобы он был статичным.

Answer 2

Да - вы можете передать в static в качестве аргумента для любой функции Сузи или Mixin, где вы хотите статический выход - @include span(8 of 12 static) - до тех пор, пока у вас есть column-width или container набор. (Не устанавливается как, или есть потенциал для конфликтов)

обновление: о, я вижу, это было упомянуто в указанном выше комментарии ...