/td><td data-label="default">&mdash;<span class="visually-hidden">none</span></td></tr></tbody></table><h3 class="item__sub-heading">Content</h3><p>This mixin allows extra content to be passed (through the <code>@content</code> directive).<h3 class="item__sub-heading">Example</h3><div class="item__example example"><div class="example__description"><p>breakpoint mixin usage</p></div><pre class="example__code language-scss"><code>.thing {
  color: #f00;
  @include bp($bp-large) {
    color: #0f0;
  }
}</code>