JSFiddle - React, Tailwind, and code Playground

by dsgnr

HTML

<link rel="stylesheet" href="http://beta.semantic-ui.com/build/packaged/definitions/css/semantic.css">
<script src="http://beta.semantic-ui.com/build/packaged/definitions/javascript/semantic.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<div class="ui icon info message">
    <i class="attention icon"></i>
    <div class="content">
        <div class="header">Header</div>
        <div class="description">Description</div>
    </div>
    <i class="close icon"></i>
</div>

CSS

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

html, body {
    height: 100%;
    font-size: 15px;
    padding: 0.5em;
}
html, body {
    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.icon{
    font-family: 'FontAwesome' !important;
}

JavaScript

// Add javascript here