JSFiddle - React, Tailwind, and code Playground

by murgiaMarco

HTML

<a id="97" class="test97" data-launcher-type="XAPP" data-help-url="eu.com.xeffe.banking.foureyes.payments.bper.ui.apps.errorsapp.controllers.routes.CicsErrorsInquiryController.help()" class="xlauncher tile app normal custom-hidden-phone ui-sortable-handle"
  href="#" data-app-url="/foureyes-bper/errors/" style="position: absolute;" data-position="99" data-sizex="1.0" data-sizey="1.0" data-target-type="" data-row="3" data-col="1">



  <div id="98" class="test98 font-wrapper bank-icons icon-warning" data-font-char="icon-warning"></div>

  <div class="test99 app-title app-label">App test</div>

</a>

CSS

.test97 {
 
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgb(0, 174, 101);
  background-image: none;
  background-origin: padding-box;
  background-size: auto;
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: block;
  float: none;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 300;
  height: 150px;
  left: 0px;
  letter-spacing: 0.26px;
  line-height: 20px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  position: absolute;
  text-decoration-color: rgb(255, 255, 255);
  text-decoration-line: none;
  text-decoration-style: solid;
  text-size-adjust: 100%;
  top: 0px;
  width: 150px;
}

.test98 {
  bottom: 150px;
  background-image: none;
  none[class^="icon-"],
  [class*=" icon-"] url(../img/glyphicons-halflings.png)[class^="icon-"],
  [class*=" icon-"] background-position-x: 0%;
  background-position-y: 0%;
  background-repeat-x: ;
  background-repeat-y: ;
  color: rgb(255, 255, 255);
  cursor: pointer;
  /*display: block;*/
  font-family: bank-icons;
  font-size: 80px;
  font-style: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-weight: 400;
  height: 80px;
  letter-spacing: 0.26px;
  line-height: 80px;
  margin-top: 20px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 8px;
  speak: none;
  text-align: center;
  text-size-adjust: 100%;
  text-transform: none;
  vertical-align: middle;
  width: 150px;
  -webkit-font-smoothing: antialiased;
}

.test99 {
  bottom: 5px;
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: block;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 300;
  height: 16px;
  left: 0px;
  letter-spacing:...