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/*+:master/components/">
<link rel="import" href="polymer/polymer.html">
<link rel="import" href="paper-checkbox/paper-checkbox.html">

<style is="custom-style">
:root {
  --paper-mixin: {
    color: green;
    --paper-button-color: red;
  };
}
x-foo {
  @apply(--paper-mixin);
}
</style>
<dom-module id="x-foo">
  <template>
    <style>
    </style>
  </template>
</dom-module>

<x-foo></x-foo>

JavaScript

Polymer({is: 'x-foo'});