JSFiddle - React, Tailwind, and code Playground

by Tika Datta Pahadi

HTML

<div class=bg-primary>
D
</div>

CSS

/* Do not remove the following line: */
html, body {
  color: #666;
  font-size: 14px;
  font-weight: 400; }

.client-logo, .client-logo-default {
  background: url("https://www.omnidek.com/wp-content/uploads/2017/09/Omnidek-Logo-web-1.png") no-repeat;
  background-size: contain;
  background-position: left center; }

.client-logo-light {
  background: url("https://www.omnidek.com/wp-content/uploads/2017/09/Omnidek-Logo-web-1.png") no-repeat;
  background-size: contain;
  background-position: left center; }

.primary-color, .color-primary, .text-primary, .color-1 {
  color: #f8941d !important; }

.primary-color-light, .color-primary-light, .text-primary-dark, .color-1-light {
  color: #f89622 !important; }

.primary-color-dark, .color-primary-dark, .text-primary-dark, .color-1-dark {
  color: #db7a07 !important; }

.secondary-color, .color-secondary, .text-secondary, .color-2 {
  color: #222222 !important; }

.secondary-color-light, .color-primary-light, .text-secondary-light, .color-2-light {
  color: #252525 !important; }

.secondary-color-dark, .color-primary-dark, .text-secondary-dark, .color-2-dark {
  color: #090909 !important; }

.primary-bg, .bg-primary, .bg-color-1 {
  background-color: #f8941d !important;
  color: white !important; }

.primary-bg:hover, .bg-primary:hover, .bg-color-1:hover {
  background-color: #db7a07 !important; }

.primary-bg-light, .bg-primary-light, .bg-color-1-light {
  background-color: #faab4e !important;
  color: white !important; }

.primary-bg-dark, .bg-primary-dark, .bg-color-1-dark {
  background-color: #db7a07 !important;
  color: white !important; }

.secondary-bg, .bg-secondary, .bg-color-2 {
  background-color: #222222 !important;
  color: white !important; }

.secondary-bg:hover, .bg-secondary:hover, .bg-color-2:hover {
  background-color: #db7a07 !important; }

.secondary-bg-light, .bg-primary-light, .bg-color-2-light {
  background-color: #faab4e !important;
  color: white !important; }

.secondary-bg-dark,...