JSFiddle - React, Tailwind, and code Playground

by andrelaszlo

HTML

<a href="#">strike three</a>

SCSS

$width: 4px;
$pad: 2px;
$strike-color: #e00;
$offset: 55%;
body {
  background-color: white;
}

a {
  padding: 0 0.2em;
  font-size: 4em;
  color: black;
  text-decoration: none !important;
  background-color: transparent;
  text-shadow: $pad 0 rgb(255, 255, 255), -1*$pad 0 rgb(255, 255, 255);
  background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)), linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)), linear-gradient($strike-color, $strike-color);
  background-size: 0.05em $width, 0.05em $width, 1px $width;
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-position: 0% $offset, 100% $offset, 0% $offset;
}