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
|
|
|
|
|
|
|
// ...
|
|
|
|
```
|