2019.2

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: Sass website.
For information about working with Sass in the Designer, see "Using a Sass file" on page784.
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, the Designer processes all CSS rules that apply to the
content of the email to inline style properties, as if local formatting was applied.
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:
l A class: .class. Class rules apply to all HTML elements with that class. When you
create a class, choose a name that indicates what the class is used for, e.g. ‘small’
for a class that gives elements the font size ‘small’. The class name has to be
Page 747