JSFiddle - React, Tailwind, and code Playground

by codepo8

HTML

<h1>Header on page</h1>
<h2>Subheader on page</h2>

<div class="partnerbadge">
  <h1>Header on page</h1>
  <h2>Subheader on page</h2>
</div>

CSS

:root {
  var-companyblue: #369;
  var-lighterblue: powderblue;
}

.partnerbadge {
  var-companyblue: #036;
  var-lighterblue: #369;
  var-headersize: calc(var(headersize)/2);
  transition: 0.5s;
}

/* Applying the variables */
body {font-family: 'open sans', sans-serif;}

h1 {
	color: var(companyblue);
}
h2 {
	color: var(lighterblue);
}