JSFiddle - React, Tailwind, and code Playground

by jasonblewis

HTML

<table class='tbl-body mar-bot'>
				 	<tr>
						<th>Billing Address</th>
						<th>Amount due</th>
					</tr>
					<tr>
						<td>Wholefoods House - Woollahra112 Queen StreetWoollahra NSW 2025Australia</td>
						<td align="right">$4,203.49</td>
					</tr>
          <tr><td>col1</td><td>col2</td></tr>
				</table>

CSS

/** THEMES Organic Trader **/
	.thm-OT {
		font-family: Arial, sans-serif; /** 'Gotham Book' **/
		color: #333333;
	}
	.thm-OT .txt-color,
	.thm-OT .head-h1,
 	.thm-OT .head-h2				{ color: #8DCFAF; }
	.thm-OT a 						{ color: #8DCFAF; }
	.thm-OT a:visited 			{ color: #8CCFAF; }
	.thm-OT .border,
	.thm-OT .tbl-item				{ border-color: #e3e3e3; }
	.thm-OT .bg-color,
	.thm-OT .tbl-item th 		{ background-color: #8CCFAF; }
	.thm-OT .page					{ background-image: url('assets/page-OT.png'); }
	.thm-OT .logo					{ background-image: url('https://6808456.app.netsuite.com/core/media/media.nl?id=9998&amp;c=6808456&amp;h=B-4f_R438dXLjIyRBjHYw8d3S7grRVU9mXPEjQSWyYcDRhZR'); }
	.thm-OT .logo-sml				{ background-image: url('https://6808456.app.netsuite.com/core/media/media.nl?id=10024&amp;c=6808456&amp;h=E2L1KOOIurUtrG-n97BO6lSCcmuuEW1OGMMDvg9kgJjdaTny'); }

	/** THEME Bambure **/
	.thm-BAM	{
		font-family: Arial, sans-serif;
		color: #4F4F50; }
	.thm-BAM .txt-color,
	.thm-BAM .head-h1,
 	.thm-BAM .head-h2				{ color: #8CA23C; }
	.thm-BAM	a						{ color: #8CA23C; }
	.thm-BAM a:visited			{ color: #8CA23C; }
	.thm-BAM .border,
	.thm-BAM .tbl-item			{ border-color: #4F4F50; }
	.thm-BAM .bg-color,
	.thm-BAM .tbl-item th 		{ background-color: #8CA23C; }
	.thm-BAM.page					{ background-image: url('assets/page-BAM.png'); }
	.thm-BAM	.logo 				{ background-image: url('https://6808456.app.netsuite.com/core/media/media.nl?id=10021&amp;c=6808456&amp;h=pBGLP_6cZGLNwG7Q9c0YkSZnb42Q127oKyBF8YseqptWxYeY'); }
	.thm-BAM	.logo-sml 			{ background-image: url('https://6808456.app.netsuite.com/core/media/media.nl?id=10022&amp;c=6808456&amp;h=ivinMZePV5lHtAg9RRrYzvUNVdu1dCG6CQyNdKJKFeAAI0-U'); }

	/** THEME Organyc  **/
	.thm-ORG {
		font-family: "Times New Roman", serif;
		color: #404040;
	}rgan
	.thm-ORG .txt-color,
	.thm-ORG .head-h1,
 	.thm-ORG .head-h2				{ color: #404040; }
	.thm-ORG a 						{ color: #8DCFAF; }
	.thm-ORG a:visited 			{ color: #8DCFAF; }
	.thm-ORG .border,
	.thm-ORG .tbl-item			{...