JSFiddle - React, Tailwind, and code Playground

MultiDiff style

by Csaba Hellinger

HTML

<p class="line-minus">Hatály: 2016.I<span class="mod-minus">V</span>.<span class="mod-mod">2</span>6. - 2016.VI.15.</p>
<p class="line-plus">Hatály: 2016.<span class="mod-plus">V</span>I.<span class="mod-mod">1</span>6. - 2016.VI<span class="mod-plus">I</span>.15.</p>

CSS

body {
  font-family: monospace;
}

.line-minus {
  background-color: #ffd9da
}

.line-plus {
  background-color: #c3f7c5;
}

.mod-minus {
  background-color: #f98a8b;
}

.mod-plus {
  background-color: #89e08b;
}

.mod-mod {
  background-color: #a8baff;
}