JSFiddle - React, Tailwind, and code Playground

by cmsanche

HTML

<!doctype html>
    <html ng-app>
    <head>
    <script src="http://code.angularjs.org/angular-1.0.0rc10.min.js"></script>
    </head>
    <body>
    <div ng-init="styles=[{backgroundColor: 'red', width:'100px', height: '100px', display: 'block'}]">
    <style ng-repeat="test in styles">
    .test {
        background-color: {{ test.backgroundColor }};
        display: {{ test.display }};
        width: {{ test.width }};
        height: {{ test.height }};
        }
    </style>
    <div ng-repeat="test in styles">
    .test {
        background-color: {{ test.backgroundColor }};
        display: {{ test.display }};
        width: {{ test.width }};
        height: {{ test.height }};
        }
    </div>
    </div>
        <div class="test">My Test</div>
    </body>
    </html>