Я бы как-то хотел иметь разную ширину желоба сетки с помощью переменной Bootstrap SASS $grid-gutter-width
, но присвоение ей разных значений в медиа-запросах не работает. Я знаю, что это невозможно, но приветствуется любая помощь с использованием миксинов или циклов.
Пример того, что не работает, но указывает на то, чего я хочу достичь:
$grid-gutter-width: 30px !default;
@media ($screen-sm-min) {
$grid-gutter-width: 50px;
}
@media ($screen-md-min) {
$grid-gutter-width: 70px;
}
Кто-нибудь знает, как этого добиться по-умному?