Build with PAM

Somtimes it's better to keep things separated. So if you want to create a custom skin of PAM and don't want to keep it in your project you can use the provided build process to create a custom skin. By using this approach PAM is not needed to be included in your own build process.

Create a /skins folder to to include custom skins in the build. The /skins folder is listed in .gitignore to prevent custom skins from being pushed to the PAM repository.

Tip Create a git repository for the /skins folder so that you have the skins under version control.

Create a file /skins/my-skin.less and import PAM.

// Import PAM
@import "../src/less/pam.less";

// Custom styles, variables, hooks and mixins...

To build PAM and your custom skin use the shell commands below. node, npm and git are needed.

Prerequisites node, npm and git

# Install dependencies
$ npm i

# Build, watch files and create a local style guide automagically on file changes
$ npm run dev