JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>test</li>
</ul>

CSS

body{
 background-color: red;   
}
li{
border: 1px solid #2E1C1C /*{d-bup-border}*/;
background: #F8EAEA; /* for browsers that don't understand the following rgba rule */
background-color: rgba(248,234,234,0.2);
font-weight: bold;
color: #BDACAC /*{d-bup-color}*/;
text-shadow: 0 /*{d-bup-shadow-x}*/ 0 /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ white /*{d-bup-shadow-color}*/ !important; 
background-image: -webkit-gradient(linear, left top, left bottom, from( rgba(248,234,234,0.2)), to(rgba(246,246,246,0.2) /*{d-bup-background-end}*/));
background-image: -webkit-linear-gradient(rgba(29,22,22,0.2) /*{d-bup-background-start}*/, rgba(41,37,37,0.2)/*{d-bup-background-end}*/) !important;
background-image: -moz-linear-gradient(rgba(250,250,250,0.2) /*{d-bup-background-start}*/, rgba(246,246,246,0.2) /*{d-bup-background-end}*/);
background-image: -ms-linear-gradient( rgba(250,250,250,0.2) /*{d-bup-background-start}*/, rgba(246,246,246,0.2) /*{d-bup-background-end}*/);
background-image: -o-linear-gradient( rgba(250,250,250,0.2) /*{d-bup-background-start}*/, rgba(246,246,246,0.2) /*{d-bup-background-end}*/);
background-image: linear-gradient( rgba(250,250,250,0.2) /*{d-bup-background-start}*/, rgba(246,246,246,0.2) /*{d-bup-background-end}*/);    
}