2020.2

1.
Open the Stylesheet folder on the Resources pane.
2.
Right-click the .scss file and select Compile.
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364.
Note
l Re-compiling a .scss file overwrites any manual changes made to the .css file.
l Partial .scss files cannot be compiled.
l Single line comments (//...) are not added to the compiled .css file, whereas multi-
line comments (/* ... */) are maintained. Multi-line comments should be added within
the brackets of the definition they apply to, to make sure they appear in the correct
place in the compiled css.
Styling text and paragraphs
There are numerous ways to format text in a template. You can apply a certain font, make text
bold, transform it to uppercase, center it, color it, etc.
This topic explains how to apply local formatting to text. It is recommended though, to format
text using style sheets; see "Styling and formatting" on page286 and "Styling templates with
CSS files" on page287.
Tip
With the Copy fit feature, text can automatically be scaled to the available space in a Box
or Div. See "Copy Fit" on page302.
Formatting text and paragraphs locally
An intuitive way of formatting text locally is by using the toolbar buttons: select some text, or an
element that contains text (see: "Selecting an element" on page194) and click one of the
toolbar buttons to make it bold, center it, create a numbered or bulleted list, etc.
Page 299