2022.2

l
Output style:ThissettingdeterminestheuseofspacesandindentationinthecompiledCSS
file.Forexamplesoftheavailableoutputstyles,see:https://sass-lang.-
com/documentation/file.SASS_REFERENCE.html#output_style.
l
Compact:EachCSSruletakesuponlyoneline,witheverypropertydefinedonthatline.
Nestedrulesareplacednexttoeachotherwithnonewline,whileseparategroupsofrules
havenewlinesbetweenthem.
l
Compressed:Thisoutputstyleminifiestheoutput.Ithasnowhitespaceexceptthatneces-
sarytoseparateselectorsandanewlineattheendofthefile.Italsoincludessomeother
minorcompressions,suchaschoosingthesmallestrepresentationforcolors.It'snot
meanttobehuman-readable.
l
Expanded:Thisisthedefaultoutputstyle.Eachpropertyandruletakeuponeline.Prop-
ertiesareindentedwithintherules,buttherulesaren'tindentedinanyspecialway.
l
Nested:Eachpropertyhasitsownline,buttheindentationisn'tconstant.Eachruleis
indentedbasedonhowdeeplyanelementisnestedintheHTMLandCSSstructure.
l
Auto compile on saving .scss files:Whenthisoptionischecked,a.scssfileiscompiledintoa
.cssfilewheneveryousaveit,overwritinganypreviouslycompiledversionofthe.cssfile.Also,
whenapartial.scssfileissavedall.scssfilesarerecompiled.(Apartial.scssfileismeanttobe
importedinanother.scssfile.Itsnamestartswithanunderscore.)
Bydefaultthisoptionisenabled.
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.
Coloroptions
ManyofthecolorsintheuserinterfaceofConnectDesignercanbeadjusted.Clickthesmallcolored
squarenexttothefieldthatholdsthedefaultcolorvalue,toopentheColordialogandpickacolor(see
"ColorPicker"onpage438intheOnlineHelp:https://help.objectiflune.com/en/planetpress-connect-
user-guide/2022.2/).
l
Edges:TheedgesaroundelementsinasectionintheWorkspace.ClicktheShowEdgesicon
totogglethevisibilityoftheseedges.
Page 62