
.to {
  display: flex;
  
  @include to(l) {
    display: block
  }
}

// Ejemplo mixin from-to()
.from-to {
  display: block;
  
  @include from-to(m,800px) {
    display: none
  }
  
}
</code></pre>
<p>Compila a:</p>
<pre><code class="language-scss">// From
.from{
  color:red;
}

@media screen and (min-width:40em){
  .from{
    color:blue;
  }
}

@media screen and (min-width:700px){
  .from{
    color:red;
  }
}

// To
.to {
  display:flex;
}

@media screen and (max-width:64em){
  .to {
    display:block