597
edits
Changes
Created page with "=Tree and menu= ==Tree and menu == {{#tree: *Item **Sub-item link **Another sub-item }} {{#menu: *Menu item **Sub-menu with link **Another sub-menu item }} {{#tree:..."
=Tree and menu=
==Tree and menu ==
{{#tree:
*Item
**[[Sub-item link]]
**Another sub-item
}}
{{#menu:
*Menu item
**[[Sub-menu with link]]
**Another sub-menu item
}}
{{#tree: id=siteTree | class=navTree | root=Organic Design |
*Item
**[[Sub-item link]]
**Another sub-item
}}
=Some design=
__NOTOC____NOEDITSECTION__
<div style="display: flex; flex-flow: row wrap; width: 100%;">
<div style="flex-grow: 4; order: 1; margin: 0.5em; border: 0.1em solid darkcyan; padding: 0.5em; background-color: lightcyan; min-width: auto;">
== Title 1 ==
* stuff
* stuff
* stuff
* stuff
== Title 2 ==
* stuff
* stuff
* stuff
* stuff
</div>
<div style="order: 2; flex-grow: 2; display: flex; flex-flow: column; margin: 0.5em; border: 0.1em solid olive; padding: 0.5em; background-color: lightyellow;">
<div style="display: flex; flex-flow: column; order: 1;">
== Title 5 ==
* stuff
* stuff
</div>
<div style="display: flex; flex-flow: column; order: 2;">
== Title 6 ==
* stuff
* stuff
</div>
</div>
</div>
<div style="display: flex; flex-flow: row wrap; width: 100%;">
<div style="order: 1; flex-grow: 3; margin: 0.5em; border: 0.1em solid indigo; padding: 0.5em; background-color: lavender; min-width: auto;">
== Title 3 ==
* stuff
* stuff
* stuff
* stuff
</div>
<div style="order: 1; flex-grow: 3; margin: 0.5em; border: 0.1em solid darkgreen; padding: 0.5em; background-color: palegreen; min-width: auto;">
== Title 4 ==
* stuff
* stuff
* stuff
* stuff
</div>
</div>
==Tree and menu ==
{{#tree:
*Item
**[[Sub-item link]]
**Another sub-item
}}
{{#menu:
*Menu item
**[[Sub-menu with link]]
**Another sub-menu item
}}
{{#tree: id=siteTree | class=navTree | root=Organic Design |
*Item
**[[Sub-item link]]
**Another sub-item
}}
=Some design=
__NOTOC____NOEDITSECTION__
<div style="display: flex; flex-flow: row wrap; width: 100%;">
<div style="flex-grow: 4; order: 1; margin: 0.5em; border: 0.1em solid darkcyan; padding: 0.5em; background-color: lightcyan; min-width: auto;">
== Title 1 ==
* stuff
* stuff
* stuff
* stuff
== Title 2 ==
* stuff
* stuff
* stuff
* stuff
</div>
<div style="order: 2; flex-grow: 2; display: flex; flex-flow: column; margin: 0.5em; border: 0.1em solid olive; padding: 0.5em; background-color: lightyellow;">
<div style="display: flex; flex-flow: column; order: 1;">
== Title 5 ==
* stuff
* stuff
</div>
<div style="display: flex; flex-flow: column; order: 2;">
== Title 6 ==
* stuff
* stuff
</div>
</div>
</div>
<div style="display: flex; flex-flow: row wrap; width: 100%;">
<div style="order: 1; flex-grow: 3; margin: 0.5em; border: 0.1em solid indigo; padding: 0.5em; background-color: lavender; min-width: auto;">
== Title 3 ==
* stuff
* stuff
* stuff
* stuff
</div>
<div style="order: 1; flex-grow: 3; margin: 0.5em; border: 0.1em solid darkgreen; padding: 0.5em; background-color: palegreen; min-width: auto;">
== Title 4 ==
* stuff
* stuff
* stuff
* stuff
</div>
</div>
