<div class="inline-flex flex-col sm:flex-row space-y-8 sm:space-y-0 sm:space-x-8">
  <div class="inline-flex flex-col space-y-2">
    {{> atoms-alert(classes: "alert--black alert--faded", icon: "ico--pirati") }}
    {{> atoms-alert(classes: "alert--grey-125 alert--faded", icon: "ico--pirati") }}
    {{> atoms-alert(classes: "alert--red-600 alert--faded", icon: "ico--pirati") }}
    {{> atoms-alert(classes: "alert--yellow-400 alert--faded", icon: "ico--pirati") }}
    {{> atoms-alert(classes: "alert--green-400 alert--faded", icon: "ico--pirati") }}
    {{> atoms-alert(classes: "alert--blue-300 alert--faded", icon: "ico--pirati") }}
  </div>
</div>