2022.1

for more information.
In case the CSS file has references to specific images, you can drag/drop or copy/paste those
images into the Stylesheets folder as well.
Style sheets that are linked to (i.e. included in) a section show a chain icon. See "Applying a
style sheet to a section" on page794.
Contextual menu
l New Stylesheet: Click to create a new Stylesheet resource. Adding a new stylesheet will
automatically include it in the currently active section.
l New Remote Stylesheet: Click to add a Remote Stylesheet resource. See "Styling
templates with CSS files" on page786 for more information.
l New SCSS file: Click to add a new, empty Sass file to the Resources (extension: .scss).
Sass is a CSS Preprocessor integrated in Connect. For more information about Sass,
see: Sass website.
Note
When the name of Sass file begins with an underscore, it is considered a partial
.scss file (e.g. _mySass.scss). Partial files are typically imported in a base .scss file.
They may include Sass variables or other directives declared in the base file, and
they cannot be compiled.
l New Remote SCSS file: Click to add a Remote Sass file to the Resources.
l Compile (.scss files only): Select to compile the Sass (.scss) file into a Stylesheet which
can then be applied to a section.
The compiled style sheet will have the same name as the Sass file, but with the extension
.css.
Compiled CSS files can be recognized by their first line:/* Compiled by https://sass-
lang.com/libsass */.
Compiler options can be set in the Preferences; see "Editing preferences" on page898.
Page 1132