eakpoint) {
    background: green;
  }

  @include mixins.from($breakpoint) {
    background: orange;
  }
}{% endhighlight %}

<p class="title is-6">CSS output</p>

{% highlight css %}@media screen and (max-width: 1279px) {
  .my-element {
    background: green;
  }
}

@media screen and (min-width: 1280px) {
  .my-element {
    background: orange;
  }
}{% endhighlight %}

<div class="content">
  <p>
    For screens with a width of 1279px or less, the element's background will be <strong style="color: green;