JSFiddle - React, Tailwind, and code Playground

by andrelaszlo

HTML

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at ornare
arcu, sed facilisis ex. Etiam mollis risus sit amet dui iaculis mollis. Ut
interdum hendrerit viverra. Sed pellentesque leo in nibh cursus imperdiet.
Fusce semper auctor suscipit. Duis id maximus leo. Cras consequat, ex et
malesuada imperdiet, libero erat vestibulum lacus, non sollicitudin mauris
odio ac erat. Fusce porta lacus mauris, eget consequat ipsum congue nec.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at ornare
arcu, sed facilisis ex. Etiam mollis risus sit amet dui iaculis mollis. Ut
interdum hendrerit viverra. Sed pellentesque leo in nibh cursus imperdiet.
Fusce semper auctor suscipit. Duis id maximus leo. Cras consequat, ex et
malesuada imperdiet, libero erat vestibulum lacus, non sollicitudin mauris
odio ac erat. Fusce porta lacus mauris, eget consequat ipsum congue nec.
</p>

SCSS

$unit: 100px;
p {
  font-size: 0.9 * $unit; // About 1.1 units seems to be the highest that works
  line-height: 1.5 * $unit;
  background-size: $unit $unit;
  background-image: linear-gradient(to bottom, #f55 1px, transparent 1px);

}