2018.2

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646 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893.
Note
Re-compiling a .scss file overwrites any manual changes made to the .css file.
Note
Partial .scss files cannot be compiled.
l
New Folder: Click to create a new folder to organize resources more easily.
Page 876