2022.2

ManualsBrandsObjectif Lune ManualsApplicationsPlanetPress Connect

791

792

793

794

795

796

797

798

799

800

Table Of Contents

CSSoptions

ACSSpreprocessorisaCSSextensionlanguagethatallowsyoutoenhanceCSSwithcode(vari-

ables,forexample)andthencompileitintoplainCSS.CSSPreprocessorSassisintegratedinCon-

nect.

FormoreinformationaboutSass,see:https://sass-lang.com/.

TheCSSoptionsrelatetothewaySass(.scss)filesarecompiledinConnect.Seealso:"UsingaSass

file"onpage681intheOnlineHelp:https://help.objectiflune.com/en/planetpress-connect-user-

guide/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

Page 791