JSFiddle - React, Tailwind, and code Playground

by Tan

HTML

<div class="pad20 fcBlack fs10 img">
<div onclick="tog(this)" class="fs16">
<p>Nam lacinia sapien quis fermentum ultrices. Suspendisse potenti. Fusce cursus ullamcorper ante nec molestie. Curabitur eget bibendum diam. Sed bibendum neque eget pulvinar sodales. Ut sapien ipsum, sollicitudin a nisl ut, placerat feugiat elit. Donec non magna non purus <a href="#" id="#001">link</a> finibus posuere. Quisque posuere ac nunc eu eleifend. Aliquam congue sed eros sed hendrerit. Suspendisse accumsan luctus vestibulum.</p>

<p>Nullam eu maximus arcu, sed porttitor libero. Nam sit amet euismod erat. Suspendisse tempor mollis erat, id gravida orci. Curabitur lacinia ut diam id ullamcorper. Maecenas semper tempor velit vel aliquet. Curabitur luctus ut lectus eu interdum. Quisque volutpat ac elit at ornare. Sed vitae egestas lorem, vel tempor elit. Nulla vel fermentum leo. Donec ullamcorper congue mollis. Vestibulum pellentesque sem ligula, ac tempus purus fermentum eu.</p></div></div>

CSS

.fs16 {font-size:16px;cursor: zoom-in;}
.fs18 {font-size:18px;cursor: zoom-out;}
.fcBlack {color:#999;}

JavaScript

// Class Toggle

function tog(div){ if(div.className == "fs16"){div.className = "fs18";} else {div.className = "fs16";}}