1.1 Software requirements for custom styling
- NodeJS LTS v6.9 or higher (https://nodejs.org/en/download/)
- Yarn v0.19 or higher (https://yarnpkg.com/en/docs/install)
1.2 Enabling live editing
To enable editing for your MM, you have to live up to the following requirements
- The software requirements above must be in place
- The source files must have the postfix "include source" and be a running web site
When these things are in place, access your MM's site files and locate web.config.
Edit the file with your favorite IDE (preferably Notepad++ or Sublime) and change the following variable from being
<add key="UseDist" value="true" />
to be
<add key="UseDist" value="false" />
Now all your changes to the files "style_overwrites" and the "variables.less" found in the "MP2" folder, will instantly show up in your MM upon saving the files. (Meaning that you'll not have to build the entire thing manually)
Side note
The original variables file is located in ..\[your site's name]\MP2\src\app\mp2\layout\less.
Configuring in this will overwrite the default colors supplied to you by Digizuite. It is not recommended to edit this original file!
Side note
When you're done live editing, you may choose to "flip back the switch" on the UseDist value you changed to be "false" when you started editing.
It is, however, not recommended to use the "include source" of a MM, as it can be considered to be more "bulky". Therefore, just copy the main.css file you've generated into a non-"include source" build of the MM.