@dialpad/dialtone-css
Version:
Dialpad's design system
65 lines (39 loc) • 1.48 kB
Markdown
# Dialtone CSS
This is the library for Dialtone's CSS. Any classes or styles used within Dialtone should
be stored here and documented on our site under `apps/dialtone-documentation`.
## Installation
### Install it via NPM
```shell
npm install @dialpad/dialtone-css@latest
```
### Import dialtone
- CSS/LESS:
```less
@import "@dialpad/dialtone-css";
```
- Javascript:
```js
import '@dialpad/dialtone-css';
```
### Add dialtone's theme class to the `<body>`
- Light mode
```html
<body class="dialtone-theme-light">...</body>
```
- Dark mode
```html
<body class="dialtone-theme-dark">...</body>
```
This will define the Dialtone CSS variables for your desired theme.
It is required to do this for Dialtone to function.
## Building Dialtone locally
To build Dialtone locally, visit
our [installation instructions](https://dialtone.dialpad.com/guides/getting-started/#build-dialtone-locally).
## Contributing
If you're interested in contributing to Dialtone, please read our [contributing docs](.github/CONTRIBUTING.md) **before
submitting a pull request**.
## Requesting features / reporting bugs
Requesting a feature or reporting a bug? Please do so at the below links:
- [Request Feature](https://dialpad.atlassian.net/secure/CreateIssue.jspa?issuetype=10975&pid=12508)
- [Report Bug](https://dialpad.atlassian.net/secure/CreateIssue.jspa?issuetype=1&pid=12508)
Please also feel free to contact us via the #dialtone Dialpad channel with any questions.