One way that I am considering is placing the effects into element definitions. However, I don't know whether to put it into a class name or create a custom attribute. i.e.
Code: Select all
<!-- Generate a shadow at an angle of 45 degrees -->
<p class="vol shadow(45)">Text</p>
<p effect="shadow(45)">Text</p>The second is invalid markup, but gets straight to the point. I'm not sure if I'd want to use invalid mark up though.
Then there's the option of simply doing it all manually.
Which would you recommend?