2019.1

separate groups of rules have new lines between them.
l
Compressed: This output style minifies the output. It has no whitespace except that
necessary to separate selectors and a new line at the end of the file. It also includes
some other minor compressions, such as choosing the smallest representation for
colors. It's not meant to be human-readable.
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436).
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237.
l
Table: This color highlights tables, and the rows and columns in tables; see "Table"
on page260.
l
Resizable Table: This color highlights tables for which the option Allow resizing
has been checked when adding the table; see "Table" on page260.
l
Forms: This color highlights forms; see Forms.
l
Shared Content: This color highlights shared content, such as shared snippets;
see "Snippets" on page266.
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287.
Page 69