Arrow

by takumi091111

HTML

<div class="a-arrow">
  <div class="a-arrow__sub-arrow"></div>
</div>

SCSS

.a-arrow {
  background-color: blue;
  width: 8px;
  height: 4px;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  &__sub-arrow {
    position: relative;
    left: 1px;
    background-color: white;
    width: 6px;
    height: 3px;
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
  }
}