Getting started

Welcome to PAM! Before you start there are some basics things that is recommended to give a thought. First off, how do you want to install PAM? If you want to customize PAM you need to decide to use your own build or the provided build process. The concepts of these thing are explained in this section and in the setup section, lets get started.

Installation

Following download options are available.

  • Download source from GitHub.
  • Clone the repo to get all source files: git clone https:github.com/mrgreentech/pam.git
  • Install with npm: npm install pam. For use in a web project this is the recommended option.

Choose one of the compiled css files (pam.css or pam.min.css) in the dist folder and add it to the head section of your index file and yourt ready to go.

<!-- PAM CSS -->
<head>
   <link rel="stylesheet" href="[your-path-to-pam]/[pam.css|pam.min.css]" />
<head/>

Source content

The source of PAM contains all project files. In the root you will find all config, scaffolding and documentation files. In the /src folder there are Less and style guide sources and in the /dist folder Less sources have been compiled into CSS files accompanied by a /less and /styleguide folder.

Folder Description
/src Contains Less, style guide and static sources such as images.
/dist Contains Less, compiled CSS and style guide of current release.

Build source

To compile PAM use the commands below. node, npm and git are required.

Prerequisites node, npm and git

# Install dependencies
$ npm i

# Build and compile source
$ npm run build

Browser support

PAM have been tested on all major browsers according to the table below.

IE / Edge
IE / Edge 		Firefox
Firefox 		Chrome
Chrome 		Safari
Safari 		iOS Safari
iOS Safari
IE11, Edge Latest version Latest version Latest version Latest version