lity"><div class="container">Utility</div></h1><section class="main__sub-section" id="utility-mixin"><h2 class="main__heading--secondary"><div class="container">mixins</div></h2><section class="main__item container item" id="mixin-bp"><h3 class="item__heading"><a class="item__name" href="#mixin-bp">bp</a></h3><div class="item__code-wrapper"><pre class="item__code item__code--togglable language-scss" data-current-state="collapsed" data-expanded="@mixin bp($breakpoint-name) { 
  @media #{$breakpoint-name} {
 