JSFiddle - React, Tailwind, and code Playground

by nevkatz

HTML

<svg id="root" class="small light red">
<polygon points="0,0 0,120 120,120" style="fill:#198a00;" />

</svg>

CSS

.red {
  stroke: red;
}
.small {
  transform:scale(0.5);
}
.light {
   stroke-width: 10px;
}

JavaScript

function init() {
	let root = document.querySelector('#root');
  
  let classes = root.className.baseVal;
  
  let rmv = 'light';
  
  classes = classes.replace(rmv,'').replace('  ',' ').trim();
  
  root.className.baseVal = classes;
}

init();