2022.1

Tip
To refresh the remote resources in a Designer view, use the Refresh option in the menu
(View > Refresh) or the Refresh button at the top of the Workspace.
Using a Sass file
A CSS preprocessor is a CSS extension language that allows you to enhance CSS with code
(variables, for example) and then compile it into plain CSS. CSS Preprocessor Sass is
integrated in Connect.
For more information about Sass, see: https://sass-lang.com/.
For information about working with Sass in the Designer, see "Using a Sass file" on page303.
Styling your templates with CSS files
Note
Email clients do not read CSS files and some even remove a <style> tag when it is
present in the email's header. Nevertheless, CSS files can be used with the Email
context in the Designer.
When generating output from the Email context, all CSS rules that apply to the content of
the email can be processed and added either to the header of the email or to inline style
properties as if local formatting was applied, depending on the Email section properties.
See "Email section properties" on page536.
Step 1: edit CSS
Editing CSS using a property sheet
1. Select Edit > Stylesheets.
2. Click the downward pointing arrow next to Global and select the context that you want to
edit styles for, or select the Global CSS file to edit CSS rules that apply to all contexts.
3. Click New, or click one of the selectors that are already listed and click Edit.
4. Type a CSS selector. This can be:
Page 296