JSFiddle - React, Tailwind, and code Playground

by andydavies

HTML

<br>
<a href="http://www.youtube.com/watch?v=9sSc5ZPK7P8" data-sparkicon="media"
data-sparkicon-plus="12:02">Rugby World Cup Highlights</a>

<br>

CSS

a {
  font-family: sans-serif;
  padding: 0.5em;
}

a[data-sparkicon$="media"]:after {
  content:" >" attr(data-sparkicon-plus);
  font-size:xx-small;
  vertical-align:super;
  font-family: sparkicons;
}

@font-face {
  font-family:"sparkicons";
  src:...