Theme Builder adds some useful classess to the HTML <body> tag that greatly simplify some otherwise complex style sheet scenarios...
The <body> tag whilst editing this page looks like this (some attributes removed for brevity):
<body class="atb-body layout-COMMUNITY spacekey-Builder mode-create-page context-space-pages action-createpage">
Here's a list of the classes used:
| Class | Description | Ver |
|---|---|---|
| atb-body | Static class used to define the body element, always output | 3.0 |
| layout-XYZ | The ID of the layout currently being used to render the page (XYZ is replaced with the layout ID) | |
| spacekey-XYZ | The space in which the layout is being rendered. | 3.2.1 |
| mode-XYZ | The current mode (eg. create-page, etc) for the view context | |
| context-XYZ | The current context (eg. space-pages) | |
| action-XYZ | The current action being called, without the ".action" on the end |
.png)







