Installation

A quick start guide to installing and building Dialtone.

Installing Dialtone via npm

To take advantage of Dialtone's customizations, classes, and variables in your project, you will want to install Dialtone via npm.

npm install @dialpad/dialtone

Adding Dialtone to your CSS

To use Dialtone in your project, add the following line in your Less file:

@import "your/path/to/dialtone.less";

If you only need access to Dialtone's variables and customizations to build a file and don't need the whole library exported, use this line instead in your Less file:

@import (reference) "your/path/to/dialtone.less";

Creating a theme file (optional)

To customize your Dialtone installation, create a new Less file in the /lib/build/less/themes/ folder. By default this will compile during build, which can be added as an additional CSS file in your page head.

For more information on theming, visit the theming documentation.

@import "your/path/to/dialtone.less";

If you only need access to Dialtone's variables and customizations to build a file and don't need the whole library exported, use this line instead in your Less file:

@import (reference) "your/path/to/dialtone.less";