JSFiddle - React, Tailwind, and code Playground

by machty

HTML

<script src="https://s3.amazonaws.com/machty/emblem.min.js"></script>
<script src="https://s3.amazonaws.com/machty/ember.js"></script>
<script type="text/x-emblem" template-name="application">
  h1 Holy Ass {{foo}}
  h2 What is this?
  p.no.way I can't believe my eyes.
  p#yes Bloooorg.
</script>

CSS

.no {
    color: red;
}

.way {
    font-weight: bold;
}

#yes {
    color: blue;
}
#yes span {
    font-size: 20px;
    color: red;
}

JavaScript

App = Ember.Application.create({
    foo: 123
});

App.ApplicationController = Em.Controller.extend({
    foo: 'asd' 
});