n8n/packages/design-system/theme/README.md

49 lines
643 B
Markdown
Raw Normal View History

2021-08-09 02:29:11 -07:00
# element-theme-n8n
2021-08-09 03:22:21 -07:00
2021-08-09 02:29:11 -07:00
> element component chalk theme by css variable.
[Online preview](https://n8n-io.github.io/element-theme-n8n/)
## Compatibility
CSS Variable
https://caniuse.com/css-variables
## Installation
2021-08-09 03:22:21 -07:00
2021-08-09 02:29:11 -07:00
```shell
npm i element-theme-n8n -S
```
## Usage
Use Sass import
2021-08-09 03:22:21 -07:00
2021-08-09 02:29:11 -07:00
```css
2021-08-09 03:22:21 -07:00
@import "element-theme-n8n";
2021-08-09 02:29:11 -07:00
```
Or Use webpack
2021-08-09 03:22:21 -07:00
2021-08-09 02:29:11 -07:00
```javascript
2021-08-09 03:22:21 -07:00
import "element-theme-n8n";
2021-08-09 02:29:11 -07:00
```
Or
2021-08-09 03:22:21 -07:00
2021-08-09 02:29:11 -07:00
```html
2021-08-09 03:22:21 -07:00
<link
2021-08-09 03:35:39 -07:00
rel="stylesheet"
href="path/to/node_modules/element-theme-chalk/css-variable/lib/index.css"
2021-08-09 03:22:21 -07:00
/>
2021-08-09 02:29:11 -07:00
```
2021-08-09 03:22:21 -07:00
## Import on demand
2021-08-09 02:29:11 -07:00
```javascript
2021-08-09 03:22:21 -07:00
import "element-theme-n8n/dist/input.css";
import "element-theme-n8n/dist/select.css";
2021-08-09 02:29:11 -07:00
// ...
```