Trex Rules
This is a list of all the rules supported by Trex.
For an explanation of rules see this section of the Trex docs.
If you want to see the source of the examples, Choose Open By URL in the File menu in Fargo, and enter this URL.
;)
;)
A boolean value. If true, the headlines are expanded, if false they are not expanded.
;)
;)
Default is false.
Example. The first-level heads are expanded. The second-level heads are not.
;)
;)
A boolean. If true, icons are displayed next to headlines that have subs.
;)
;)
If icons are turned off and a headline has subs, you can click on the text of the headline to expand/collapse.
Default, true.
Example. Icons are turned off.
;)
;)
A length spec. It adds the amount of space specified after the list.
;)
;)
Default is 0. If list-space is not specified, no space is added after the list.
It sets the padding-bottom property of a div containing the list
Example. list-space is set to 30px.
;)
;)
A length spec. It adds the amount of space specified to the left of the list.
;)
;)
Default is 0, though as explained in the Defaults section above, most nodetype templates define it as a non-zero value.
Example. outline-indent is set to 40px.
;)
;)
A length spec. It adds the amount of space specified after the outline item.
;)
;)
<outline-space>25px</outline-space>
</rule>
;)
<font-weight>bold</font-weight>
</rule>
;)
<expanded>true</expanded>
<no-icons>true</no-icons>
</rule>
</rules>
Default is 0.
Example. Adds 25px after each second-level head.
;)
;)
A length spec. It adds the amount of space specified before the outline item.
;)
;)
<outline-space-before>25px</outline-space-before>
</rule>
;)
<font-weight>bold</font-weight>
</rule>
;)
<expanded>true</expanded>
<no-icons>true</no-icons>
</rule>
</rules>
Default is 0.
Example. Adds 25px before each first-level head.
;)
;)
A boolean. If true, we add a paragraph-level permalink at the end of each item.
;)
;)
<permalink>true</permalink>
</rule>
;)
<expanded>true</expanded>
<no-icons>true</no-icons>
</rule>
</rules>
Default is false.
Example. Each of the first-level heads has a permalink.
;)
;)
The name of a Font-Awesome icon that is used as the icon to expand outline items.
;)
;)
Default is a right-pointing gray wedge.
Example. Sets the icon for expanding to a white plus-sign inside a black circle.
;)
;)
The name of a Font-Awesome icon that is used as the icon to collapse outline items.
;)
;)
Default is a down-pointing gray wedge.
Example. Sets the icon for collapsing to a white minus-sign inside a black circle.
;)
You can set any CSS property at any level of an outline using rules. So there's large variety of things you can do.
This example sets font-weight, font-family, font-size and line-height.