I'M on a project making a dynamic CSS preprocessor which

Question

I'M on a project making a dynamic CSS preprocessor which

seamlessly includes JavaScript.

So my idea of the css preprocessor's syntax looks like this:

function test(x)
{
return pixel(x + 50);
}

var example = percent(100);
example = percent(example.value +10);

.classExample, #someId {
width: test(20); // 70px
height: 50px;
max-width: example; // 110%
}

Your thoughts on this?