@Ispanec1998

Как в sass правильно оформить media через переменные?

Есть значение ширины
$desktop: 1280px

Как сделать запись такой, чтобы в sass срабатывало медиа правило, где после переменной стили уже применяются только к ширине 1280px

.box
   width: 100%

   $desktop
      width: 50%
  • Вопрос задан
  • 32 просмотра
Пригласить эксперта
Ответы на вопрос 1
delphinpro
@delphinpro Куратор тега Sass
frontend developer
Так не выйдет.
Используйте миксины.
@mixin media-from($bp) {
  @media (min-width: $bp) {
    @content;
  }
}

.box {
   ...
   @include media-from($desktop) {
     ...
   }
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы