JSFiddle - React, Tailwind, and code Playground

by icodeforlove

HTML

<script src="http://fb.me/JSXTransformer-0.5.1.js"></script>
<script src="http://fb.me/react-with-addons-0.5.1.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>
<script src="https://rawgit.com/icodeforlove/react-rcs-bower/master/rcs-with-transformer.min.js"></script>

JavaScript

/** @jsx React.DOM */

var App = React.createClass({

  render: function() {
    return <ul>
        <li classes="one">test</li>
        <li classes="two">test</li>
        <li classes="three">test</li>
    </ul>
  },
  
  style: {
      view: {
          background: 'lightblue',
          'list-style': 'none',
          'padding-left': '10px',
          'font-family': 'helvetica'
      },
      
      '.one': {
          color: 'red'
      },
      
      '.two': {
          color: 'green',
          
          ':hover': {
              'font-weight': 'bold'
          }
      },
      
      '.three': {
          color: 'blue'
      }
  }
});

React.renderComponent(<App />, document.body);