JSFiddle - React, Tailwind, and code Playground

by Alexandru Gatea

HTML

<div>
  <button>
    button
  </button>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem nam impedit quia omnis, eaque quisquam eligendi cupiditate reprehenderit iusto. Voluptate earum rerum necessitatibus maxime praesentium, est ipsa harum, vero dolorem.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet laudantium numquam nihil fugiat eius adipisci aliquid excepturi minima, dicta perferendis sequi asperiores quis fuga molestias beatae, impedit ab nemo quod.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum obcaecati magnam commodi, at exercitationem dicta, quibusdam in consectetur enim error mollitia, totam laudantium animi tempora incidunt inventore aliquid atque doloremque!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem nam impedit quia omnis, eaque quisquam eligendi cupiditate reprehenderit iusto. Voluptate earum rerum necessitatibus maxime praesentium, est ipsa harum, vero dolorem.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet laudantium numquam nihil fugiat eius adipisci aliquid excepturi minima, dicta perferendis sequi asperiores quis fuga molestias beatae, impedit ab nemo quod.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum obcaecati magnam commodi, at exercitationem dicta, quibusdam in consectetur enim error mollitia, totam laudantium animi tempora incidunt inventore aliquid atque doloremque!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem nam impedit quia omnis, eaque quisquam eligendi cupiditate reprehenderit iusto. Voluptate earum rerum necessitatibus maxime praesentium, est ipsa harum, vero dolorem.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet laudantium numquam nihil fugiat eius adipisci aliquid excepturi minima, dicta perferendis sequi asperiores quis fuga molestias beatae, impedit ab nemo quod.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum obcaecati magnam commodi, at exercitationem...

CSS

p {
  line-height: 2;
}

.active {
  font-size: 20px;
}

button {
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  background: black;
  color: #fff;
  height: 50px;
  line-height: 20px;
  padding: 15px;
  text-align: center;
}

body {
  padding: 100px;
}

JavaScript

$('button').on('click', function(){
	$('p').toggleClass('active')
})