2018.2

l
Expanded: This is the default output style. Each property and rule take up one line.
Properties are indented within the rules, but the rules aren't indented in any special
way.
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. By default this option is enabled.
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404).
l
Show 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221.
l
Table: This color highlights tables, and the rows and columns in tables; see "Table"
on page242.
l
Resizable Table: This color highlights tables for which the option Allow resizing
has been checked when adding the table; see "Table" on page242.
l
Forms: This color highlights forms; see Forms.
l
Shared Content: This color highlights shared content, such as shared snippets;
see "Snippets" on page248.
l
Margin and guides: These settings only apply to Print sections.
l
Guides: This is the color for rulers that can help position content correctly; see
"Guides" on page269.
l
Margins: This color delineates the content area on a page; see "Pages" on
page128.
l
Bleed box: This color delineates the printable area on a page; see "Page settings:
size, margins and bleed" on page129.
l
Master pages: These edges are only visible on Master pages; see "Master Pages" on
Page 67