Определение мультимедийных запросов многократного использования в SASS

Question

Я пытаюсь сделать что-то вроде:

$media_not_desktop: '@media only screen and (max-width: 959px)';

затем

.wrap {
  color: #fff;
  $media_not_desktop {
      color: #555;
  }
}

но я получаю синтаксическую ошибку. Как бы вы это сделали?

Answer 1

Вы можете сделать это в sass 3.2, который в настоящее время доступен в виде альфа-версии. http://thesassway.com/intermediate/responsive-web-design-in-sass-using-media-queries-in-sass-32 в Переменные как полный запрос .

Синтаксис немного отличается, но по сути тот же функционал.

Answer 2

Я считаю, что в настоящее время это невозможно с Sass.Однако существует открытая проблема с патчем для Sass bug tracker .