Using and Viewing

In the Pagedip Writeroom

When working in the Pagedip Writeroom, no JavaScript will be executed. Any interactive elements or functionality in the theme that requires JavaScript will not be active until viewed live.

If you need to have styles active only when working in the Writeroom, you could use the template variable inEdit to allow you to target styles for the editing environment. For example, one way to do it could be like this:

// layout.html
<body class="{% if inEdit %}in-edit{% endif %}"></body>

// main.scss
body.in-edit {
 // Writeroom specific styling
}