JSFiddle - React, Tailwind, and code Playground

by mgiuffrida

HTML

<script>Polymer = {dom: 'shadow', lazyRegister: true, useNativeCSSProperties: true};</script>
<base href="https://polygit.org/polymer+:master/paper-checkbox+mgiuffrida+:patch-1/*+:master/components/">
<link rel="import" href="polymer/polymer.html">
<link rel="import" href="paper-checkbox/paper-checkbox.html">

<style is="custom-style">
  :root {
    --paper-checkbox-label-checked-color: green;
    --another-font-size: 100px;
  }
  div {
    font-size: var(--some-font-size, var(--another-font-size));
    /*font-size: var(--some-font-size, var(--another-font-size, --last-font-size));*/
  }
  paper-checkbox {
    display: block;
  }
</style>
<div>Just a div</div>
<paper-checkbox>Checkbox label</paper-checkbox>
<paper-checkbox checked>Checkbox label</paper-checkbox>