2022.2

Table Of Contents

Using a remote style sheet

Aremotestylesheetisnotlocatedwithinyourtemplatebutislocatedinanetworkfolderorhostedon

anexternalwebserver(generallycalledaCDN).

Toaddaremotestylesheet:

1. Right-clicktheStylesheetfolderontheResourcespane,andclickNew Remote Stylesheet.

2. EnteranameforthefileasitappearsintheStylesheetresources.Forbettermanagement,it's

besttousethesamefilenameastheremoteresource.

3. EntertheURLfortheremoteresource.Ifthefileislocatedonanexternalwebserver,thismust

beafullURL,includingthehttp://orhttps://prefix,domainname,pathandfilename.

IfthefileislocatedonyournetworkyoucanclicktheBrowsebuttonorenterthepathandfile

namemanually.Thecompletesyntaxwiththe"file"protocolis:file://<host>/<path>.Ifthe

hostis"localhost",itcanbeomitted,resultinginfile:///<path>,forexample:file:///c:/re-

sources/images/image.jpg.

Ifthefileislocatedonanotherserverinyournetwork,thepathmustcontainfiveslashesafter

"file:".

Tip: Afteraddingtheremotefile,youmayright-clickitandselectDownload Resource.This

allowsyoutomaintainacentralfile,fromwhichyoucanquicklydownloadacopytoyourtem-

platewithouthavingtocopy&paste.

Notethatalocalcopyofaremoteresourceisasnapshot;itisnotautomaticallykeptinsyncwith

itsremotecontent.Youcandownloadtheremoteresourceagaintooverwritethelocalcopywith

updatedcontent.Ifyoudon'twantalocalcopytobeoverwrittenyoushouldrenameitbefore

downloadingtheremoteresourceagain.

ThereareafewadvantagestoresourceshostedonaCDN:

l

Theseresourcesarenotservedbyyourserver,savingonspace,bandwidthandprocessing.

l

UsingapopularCDNtakesadvantageofcaching-aclienthavingvisitedanotherwebsiteusing

thatsameCDNwillhavethefileincacheandnotre-downloaditmakingforfasterloadtimesfor

theclient.

Tip: TorefreshtheremoteresourcesinaDesignerview,usetheRefreshoptioninthemenu

(View > Refresh)ortheRefreshbuttonatthetopoftheWorkspace.

Using a Sass file

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

Page 264