Oreoz/ember-vertical-timeline

// Breakpoints
$S: 320px;
$M: 768px;
$L: 1170px;

// 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 == L {
   @media only screen and (min-width: $L) { @content; }
  }
}