mirror of
https://github.com/n8n-io/n8n.git
synced 2025-02-21 02:56:40 -08:00
40 lines
634 B
Markdown
40 lines
634 B
Markdown
|
# element-theme-n8n
|
||
|
|
> 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
|
||
|
|
```shell
|
||
|
|
npm i element-theme-n8n -S
|
||
|
|
```
|
||
|
|
|
||
|
|
## Usage
|
||
|
|
|
||
|
|
Use Sass import
|
||
|
|
```css
|
||
|
|
@import 'element-theme-n8n';
|
||
|
|
```
|
||
|
|
|
||
|
|
Or Use webpack
|
||
|
|
```javascript
|
||
|
|
import 'element-theme-n8n';
|
||
|
|
```
|
||
|
|
|
||
|
|
Or
|
||
|
|
```html
|
||
|
|
<link rel="stylesheet" href="path/to/node_modules/element-theme-chalk/css-variable/lib/index.css">
|
||
|
|
```
|
||
|
|
|
||
|
|
## Import on demand
|
||
|
|
```javascript
|
||
|
|
import 'element-theme-n8n/dist/input.css';
|
||
|
|
import 'element-theme-n8n/dist/select.css';
|
||
|
|
|
||
|
|
// ...
|
||
|
|
```
|