JSFiddle - React, Tailwind, and code Playground

by Kamil

HTML

<span class="triangle top"></span>
<span class="triangle bottom"></span>

<div class="set"><span class="triangle top"></span><span class="triangle bottom"></span></div>

SCSS

.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  display: block;
  &.top {
    border-width: 0 4.5px 7px 4.5px;
    border-color: transparent transparent #fe9156 transparent;
  }
  &.bottom {
    border-width: 7px 4.5px 0 4.5px;
    border-color: #fe9156 transparent transparent transparent;
  }
}