Updated 2008-02-26: changed the syntax a little
+--
starts a div, =--
ends a div (both with up to 3 indentation):
+--
Inside a div..
=--
DIVs can be nested:
+--
Inside first DIV
+--
DIV inside DIV
=--
=--
Attribute lists can be put after +--
or after ---
:
+-- {.warning}
This is a Warning!
=--
+--
Second Warning!
=-- {.warning}
Compressed syntax: if the first line after +--
begins with |
, the content of the DIV is anything following beginning with |
.
+-- {.warning}
| third
| warning!
In this case, a final +----
line can be added for visual candy:
+-- {.warning}
| third
| warning!
+--------------
Example nesting and attributes:
+-----------------------------------{.warning}------
| this is the last warning!
|
| please, go away!
|
|+------------------------------------- {.menace} --
|| or else terrible things will happen
|+--------------------------------------------------
+---------------------------------------------------
this translates to:
<div class="warning">
<p>this is the last warning!</p>
<p>please, go away!</p>
<div class="menace">
<p>or else terrible things will happen</p>
</div>
</div>