lavezzi1
@lavezzi1

Mixin для media query на stylus?

Здравствуйте.

Посоветуйте как удобно писать media query на stylus. Что то типа такого для scss:

// breakpoints
   
$S:     480px; 
$M:     768px;
$ML:    960px;     
$L:     1170px;     
$XL:     1440px;   

// media queries

@mixin MQ($canvas) {
  @if $canvas == S {
   @media only screen and (min-width: $S) { @content; } 
  }
  @else if $canvas == M {
   @media only screen and (min-width: $M) { @content; } 
  }
  @else if $canvas == ML {
   @media only screen and (min-width: $ML) { @content; } 
  }
  @else if $canvas == L {
   @media only screen and (min-width: $L) { @content; } 
  }
  @else if $canvas == XL {
   @media only screen and (min-width: $XL) { @content; } 
  }
}
  • Вопрос задан
  • 3003 просмотра
Пригласить эксперта
Ответы на вопрос 2
Ivanq
@Ivanq
Знаю php, js, html, css
Поражаюсь людям, которые сначала заходят на форум, а потом, не найдя ответа, лезут в гугл.
Запрос media query stylus, первая ссылка - https://learnboost.github.io/stylus/docs/media.html
Ответ написан
Ваш ответ на вопрос

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

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