JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://dl.dropbox.com/u/10540192/js/sproutcore.js"></script>
<script src="http://dl.dropbox.com/u/10540192/js/sproutcore-ui.js"></script>
<script type="text/x-handlebars">  
  {{#view App.ContainerView}}
    {{#view App.TopToolbarView anchorTo="top" size="50"}}
      top
    {{/view}}

  {{/view}}
</script>

CSS

.green {
    background-color:green;
}

JavaScript

var App = SC.Application.create({
});

App.ContainerView = SC.View.extend({
});

App.TopToolbarView = SC.View.extend(UI.LayoutSupport, {
    classNames:['green']
});

App.ContentAreaView = SC.View.extend(UI.LayoutSupport, {
});

App.BottomToolbarView = SC.View.extend(UI.LayoutSupport, {
});

App.ContentLeftView = SC.View.extend(UI.LayoutSupport, {
});

App.ContentRightView = SC.View.extend(UI.LayoutSupport, {
});