2020.1

l
Nested: Each property has its own line, but the indentation isn't constant. Each rule
is indented based on how deeply an element is nested in the HTML and CSS
structure.
l
Auto compile on saving .scss files: When this option is checked, a .scss file is
compiled into a .css file whenever you save it, overwriting any previously compiled
version of the .css file. Also, when a partial .scss file is saved all .scss files are
recompiled. (A partial .scss file is meant to be imported in another .scss file. Its name
starts with an underscore.)
By default this option is enabled.
Note
l Re-compiling a .scss file overwrites any manual changes made to the .css file.
l Partial .scss files cannot be compiled.
l Single line comments (//...) are not added to the compiled .css file, whereas multi-
line comments (/* ... */) are maintained. Multi-line comments should be added within
the brackets of the definition they apply to, to make sure they appear in the correct
place in the compiled css.
Color options
Many of the colors in the user interface of Connect Designer can be adjusted. Click the small
colored square next to the field that holds the default color value, to open the Color dialog and
pick a color (see "Color Picker" on page926 in the Online Help:
https://help.objectiflune.com/en/planetpress-connect-user-guide/2020.1/).
l
Edges: The edges around elements in a section in the Workspace. Click the Show
Edges icon to toggle the visibility of these edges.
l
Box Objects: This color highlights positioned boxes, inline boxes and Div
elements; see "Boxes" on page668.
l
Table: This color highlights tables, and the rows and columns in tables; see "Table"
on page707.
l
Resizable Table: This color highlights tables for which the option Allow resizing
has been checked when adding the table; see "Table" on page707.
l
Forms: This color highlights forms; see "Forms" on page688.
Page 827