предефинирайте $susy стойности в контейнера за точка на прекъсване

Опитвам се да предефинирам контейнера за свойства $susy в медийна заявка. Опитвам се да бягам

@include breakpoint($mobile) {

  $susy: (
   container: 100%,
  );
}

когато компилирам cmd казва опитайте да използвате $susy: (контейнер: 100%)!global вместо това --- опитах това и не работи.

Някакви идеи?

Благодаря


person troyster    schedule 27.07.2014    source източник


Отговори (2)


Доколкото разбирам, $susy е глобалната настройка, в която настройвате основното оформление на вашия сайт. За последващи оформления в точки на прекъсване бих използвал нови карти, напр. $таблет, $настолен компютър.

person prasutagus    schedule 27.07.2014

$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...
}
person Miriam Suzanne    schedule 03.08.2014