Improved Light

fiddle.html

<script>
new Light({color: "green"}).renderInto(document.body);
</script>

fiddle.js

enyo.kind({
    name: "Light",
    published: {
        "color" : "yellow"
    },
    style: "width: 50px; height: 50px; border-radius: 50%;",
    create: function() {
        this.inherited(arguments);
        this.colorChanged();
    },
    colorChanged: function(oldValue) {
        this.applyStyle("background-color", this.color);
    }
});

fiddle.manifest

name: Improved Light
description: A light with changeable color
authors:
  - Roy Sutton
normalize_css: no