Textual takes specially formatted input (which is not too different from traditional CSS), and outputs valid CSS in a minified form, which saves filesize and is just easier to work with.

The emphasis is on making the markup human readable and cutting out as much repitition as possible, while allowing the browser to render it normally. This allows quick changes to the style without having to touch the real stylesheet. (More Information)

Syntax

Variables:

[variable_name]: variable_value
[variable2]: variable2_value

Top level selector (parent):

top-level-selector:

Immediate child (first dependant):

top-level-selector:
    child-selector:

Second level child selectors:

    child-selector:
        attribute: value

            second-child-selector:
                attribute: value
                attribute2: value

Attributes are defined by adding one more tab than the selector you are styling, except for the top-level styles, which need two tabs:

top-level-selector:
        attribute: value

    child-selector:
        attribute: value
        attribute2: value

Symbols (suggest more):

[!] -> !important

Comments:

//one line comments

identifier://comment here
        attr: value//and here
        attr: value/*like this too*/

```LIKE```
***THIS***