Cascading Style S-Expressions

Write your CSS in Lisp-style S-expressions. The first entry in an S-expression is its selector (e.g. element name, class, ID, even commas are supported for multiple targets). From there, you can have CSS rules (properties are the same as always, values can be single strings or - if they contain a space - enclosed with parentheses) and nested children. All your updates in the input box will be parsed and then applied to this page dynamically using the power of WASM. All source code is on GitHub.

Input

Output

Preview (All elements below are enclosed in an article div.)