mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-02-21 02:56:40 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

move into preview

Browse source
This commit is contained in:
Mutasem 2021-08-09 18:15:56 +02:00
parent 6ea725b7e5
commit c7cd2562e6
3 changed files with 6 additions and 55 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
packages/design-system/theme/README.md
View file

@ -1,48 +0,0 @@
# 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';
// ...
```

0
packages/design-system/theme/docs.css → packages/design-system/theme/preview/docs.css
View file

13
packages/design-system/theme/index.html → packages/design-system/theme/preview/index.html
View file

@ -1,13 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Element UI Theme CSS Variable</title> <title>Deprecated - Element UI Theme CSS Variable</title>
<!-- import CSS --> <!-- import CSS -->
<link rel="stylesheet" href="./dist/index.css" /> <link rel="stylesheet" href="../dist/index.css" />
<link rel="stylesheet" href="./docs.css" /> <link rel="stylesheet" href="./docs.css" />
</head> </head>
@ -176,9 +175,9 @@
<div class="title">Example body text</div> <div class="title">Example body text</div>
<p <p
class="paragraph" class="paragraph"
:style="{ :style="{
fontSize: font_size_base, fontSize: font_size_base,
fontWeight: font_weight_primary, fontWeight: font_weight_primary,
lineHeight: font_line_height_primary lineHeight: font_line_height_primary
}" }"
> >
@ -192,9 +191,9 @@
<div class="title">Example small text</div> <div class="title">Example small text</div>
<p <p
class="paragraph" class="paragraph"
:style="{ :style="{
fontSize: font_size_small, fontSize: font_size_small,
fontWeight: font_weight_secondary, fontWeight: font_weight_secondary,
lineHeight: font_line_height_secondary lineHeight: font_line_height_secondary
}" }"
> >