Я пытаюсь переопределить контейнер свойств $susy в медиа-запросе. я пытаюсь бежать
@include breakpoint($mobile) {
$susy: (
container: 100%,
);
}
когда я компилирую cmd, вместо этого попробуйте использовать $ susy: (container: 100%)! global --- я пробовал это, и это не работает.
Любые идеи?
Спасибо
Насколько я понимаю, $susy — это глобальная настройка, в которой вы настраиваете базовый макет вашего сайта. Для последующих макетов в точках останова я бы использовал новые карты, например. $планшет,$рабочий стол.
$susy — это глобальная настройка, и Sass не затрагивает изменения переменных в контекстах мультимедиа. Вы можете сделать то, что предлагает @user2713715, и дать другим макетам новые имена, но у Susy также есть инструмент, помогающий применить эти настройки к различным блокам кода. Самый простой with-layout:
@include breakpoint($mobile) {
@include with-layout(100%) { // can pass in shorthand, or a map of new settings
// any code in here will use the new layout...
}
}
Но если вы используете точку останова, у нас есть еще лучший способ:
@include susy-breakpoint($mobile, (container: 100%)) {
// again: you can use the shorthand or a settings map.
// any code in here will use the new layout...
}
