JSFiddle - React, Tailwind, and code Playground
HTML
<div class="top-bar-section">
<ul>
<li>Test</li>
</ul>
</div>
CSS
.top-bar-section ul li {
border-left: 1px solid #fff;
transform: skewX(15deg);
}
JavaScript
$('.top-bar-section ul li').css({
'-webkit-transform' : 'skewX(-15deg)',
'-moz-transform' : 'skewX(-15deg)',
'-ms-transform' : 'skewX(-15deg)',
'-o-transform' : 'skewX(-15deg)',
'transform' : 'skewX(-15deg)'
});