Site.variables.less

Owned by Mattias Löfstrand
Last updated: 05 May 2020
1 min read

Use less file for basic styling

Some basic settings for a site are located in the Site.variables.less file. The Site.variables.less file is used to set variables which are used in styling a site and will impact most presentation pages.

The Site.variables.less file is located in AppData/Site/

Typically change colour of toolbar, buttons, icons and text in the less file.

Strategy when creating new site (or migrating version 4 site)

Strategy when creating a new site or migrating from version 4 is

  1. Start with a new css, copy a template. Also use a profile.config based on template.

  2. Make changes to the Site.variables.less file to get the basic colours and styles.

  3. Then move on and make changes in the css file for the site.

 

Note that for changes in the less file to show on the site, the site has to be resetted.

It is important all variables are declared and exist in the file.