Mixin для media query на stylus?

Question

[lavezzi1]

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

Посоветуйте как удобно писать 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; } 
  }
}

Answer 1

[Андрей Б.]

Запрос mixin grid stylus
первая ссылка davidwalsh.name/stylus-grid

Answer 2

[Ivanq]

Поражаюсь людям, которые сначала заходят на форум, а потом, не найдя ответа, лезут в гугл.
Запрос media query stylus, первая ссылка - https://learnboost.github.io/stylus/docs/media.html

Comments

[Андрей Б.]

Ivanq человек ищет готовое решение ).

Answer 3

[Константин Величко]

https://github.com/jescalan/rupture