Output

Code

<script type="responsive-template" id="template">
   #box{
       background-color:<#= Color #> !important;
       width: <#= Math.round(Width/2) #>px;
       height: <#= Math.round(Width/2) #>px;
}
</script>

r$.settings().debug = true;
r$.settings().indent = true;
r$.dynamic($('#template').html(),function(w) {
    return {
       Width: w,
       Color: getColor(w)
    };
});
r$.start();