JSFiddle - React, Tailwind, and code Playground

by kazu69

HTML

<div class="g"></div>

SCSS

@mixin chack-mark($size, $color, $top, $left) {
  -webkit-transform: rotate(-45deg);
  position: absolute;
  top: $top;
  left: $left;
  width: $size;
  height: $size / 2;
  border: #{$size / 2} solid $color;
  border-top: none;
  border-right: none;
  background: transparent;
  content: '';
}

.g {
    @include chack-mark(7px, red, 3px, 11px);
}