<!-- start `card` component; -->
<div class="card">
  <p>card</p>
</div>
<!-- end `card` component; -->

{
  "name": "card"
}

.card {
  @extend .component;
}