JSFiddle - React, Tailwind, and code Playground

by emanuelbsilva

HTML

<script src="http://visionmedia.github.io/move.js/build/build.js"></script>
<div id="square" class="square">aswd</div>

CSS

.square {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row
    /* works with row or column */
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border: 1px solid black;
    border-radius: 15px;
}

CoffeeScript

move = require('move')

$('#square').on 'click', -> 
    move('#square')
        .set('height', '200px')
        .set('width', '200px')
        .end()