@sl-ui-pc/theme-chalk 0.1.0-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +32 -0
- package/dist/base.css +1 -0
- package/dist/css-variables.css +142 -0
- package/dist/css-vars.css +1 -0
- package/dist/dark/css-vars.css +1 -0
- package/dist/display.css +1 -0
- package/dist/index.css +1 -0
- package/dist/sl-affix.css +1 -0
- package/dist/sl-alert.css +1 -0
- package/dist/sl-anchor-link.css +1 -0
- package/dist/sl-anchor.css +1 -0
- package/dist/sl-aside.css +1 -0
- package/dist/sl-autocomplete.css +1 -0
- package/dist/sl-avatar.css +1 -0
- package/dist/sl-backtop.css +1 -0
- package/dist/sl-badge.css +1 -0
- package/dist/sl-breadcrumb-item.css +0 -0
- package/dist/sl-breadcrumb.css +1 -0
- package/dist/sl-button-group.css +1 -0
- package/dist/sl-button.css +1 -0
- package/dist/sl-calendar.css +1 -0
- package/dist/sl-card.css +1 -0
- package/dist/sl-carousel-item.css +1 -0
- package/dist/sl-carousel.css +1 -0
- package/dist/sl-cascader-panel.css +1 -0
- package/dist/sl-cascader.css +1 -0
- package/dist/sl-check-tag.css +1 -0
- package/dist/sl-checkbox-button.css +1 -0
- package/dist/sl-checkbox-group.css +1 -0
- package/dist/sl-checkbox.css +1 -0
- package/dist/sl-code-input.css +1 -0
- package/dist/sl-col.css +1 -0
- package/dist/sl-collapse-item.css +0 -0
- package/dist/sl-collapse-transition.css +0 -0
- package/dist/sl-collapse.css +1 -0
- package/dist/sl-color-picker-panel.css +1 -0
- package/dist/sl-color-picker.css +1 -0
- package/dist/sl-config-provider.css +0 -0
- package/dist/sl-container.css +1 -0
- package/dist/sl-css-variables.css +1 -0
- package/dist/sl-date-picker.css +1 -0
- package/dist/sl-descriptions-item.css +1 -0
- package/dist/sl-descriptions.css +1 -0
- package/dist/sl-dialog.css +1 -0
- package/dist/sl-divider.css +1 -0
- package/dist/sl-drawer.css +1 -0
- package/dist/sl-dropdown-item.css +0 -0
- package/dist/sl-dropdown-menu.css +0 -0
- package/dist/sl-dropdown.css +1 -0
- package/dist/sl-empty.css +1 -0
- package/dist/sl-footer.css +1 -0
- package/dist/sl-form-item.css +0 -0
- package/dist/sl-form.css +1 -0
- package/dist/sl-header.css +1 -0
- package/dist/sl-icon.css +1 -0
- package/dist/sl-image-viewer.css +1 -0
- package/dist/sl-image.css +1 -0
- package/dist/sl-infinite-scroll.css +0 -0
- package/dist/sl-input-number.css +1 -0
- package/dist/sl-input-tag.css +1 -0
- package/dist/sl-input.css +1 -0
- package/dist/sl-link.css +1 -0
- package/dist/sl-loading.css +1 -0
- package/dist/sl-main.css +1 -0
- package/dist/sl-mention.css +1 -0
- package/dist/sl-menu-item-group.css +0 -0
- package/dist/sl-menu-item.css +0 -0
- package/dist/sl-menu.css +1 -0
- package/dist/sl-message-box.css +1 -0
- package/dist/sl-message.css +1 -0
- package/dist/sl-notification.css +1 -0
- package/dist/sl-option-group.css +1 -0
- package/dist/sl-option.css +1 -0
- package/dist/sl-overlay.css +1 -0
- package/dist/sl-page-header.css +1 -0
- package/dist/sl-pagination.css +1 -0
- package/dist/sl-popconfirm.css +1 -0
- package/dist/sl-popover.css +1 -0
- package/dist/sl-popper.css +1 -0
- package/dist/sl-progress.css +1 -0
- package/dist/sl-radio-button.css +1 -0
- package/dist/sl-radio-group.css +1 -0
- package/dist/sl-radio.css +1 -0
- package/dist/sl-rate.css +1 -0
- package/dist/sl-reset.css +1 -0
- package/dist/sl-result.css +1 -0
- package/dist/sl-row.css +1 -0
- package/dist/sl-scrollbar.css +1 -0
- package/dist/sl-segmented.css +1 -0
- package/dist/sl-select-dropdown-v2.css +1 -0
- package/dist/sl-select-dropdown.css +1 -0
- package/dist/sl-select-v2.css +1 -0
- package/dist/sl-select.css +1 -0
- package/dist/sl-skeleton-item.css +1 -0
- package/dist/sl-skeleton.css +1 -0
- package/dist/sl-slider-block-vertify.css +1 -0
- package/dist/sl-slider.css +1 -0
- package/dist/sl-space.css +1 -0
- package/dist/sl-spinner.css +1 -0
- package/dist/sl-splitter-panel.css +1 -0
- package/dist/sl-splitter.css +1 -0
- package/dist/sl-statistic.css +1 -0
- package/dist/sl-step.css +1 -0
- package/dist/sl-steps.css +1 -0
- package/dist/sl-sub-menu.css +0 -0
- package/dist/sl-switch.css +1 -0
- package/dist/sl-tab-pane.css +0 -0
- package/dist/sl-table-column.css +1 -0
- package/dist/sl-table-v2.css +1 -0
- package/dist/sl-table.css +1 -0
- package/dist/sl-tabs.css +1 -0
- package/dist/sl-tag.css +1 -0
- package/dist/sl-text.css +1 -0
- package/dist/sl-time-picker.css +1 -0
- package/dist/sl-time-select.css +1 -0
- package/dist/sl-timeline-item.css +1 -0
- package/dist/sl-timeline.css +1 -0
- package/dist/sl-tooltip-v2.css +1 -0
- package/dist/sl-tooltip.css +0 -0
- package/dist/sl-tour.css +1 -0
- package/dist/sl-transfer.css +1 -0
- package/dist/sl-tree-select.css +1 -0
- package/dist/sl-tree.css +1 -0
- package/dist/sl-upload.css +1 -0
- package/dist/sl-var.css +142 -0
- package/dist/sl-virtual-list.css +1 -0
- package/package.json +46 -0
package/README.md
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
# element-theme-chalk
|
|
2
|
+
|
|
3
|
+
> element component chalk theme.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```shell
|
|
8
|
+
npm i sl-ui-pc
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Usage
|
|
12
|
+
|
|
13
|
+
Use Sass import
|
|
14
|
+
|
|
15
|
+
```css
|
|
16
|
+
@use 'sl-ui-pc/lib/theme-chalk/index.scss';
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
Or Use vite/webpack
|
|
20
|
+
|
|
21
|
+
```javascript
|
|
22
|
+
import 'sl-ui-pc/lib/theme-chalk/index.css'
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
## Import on demand
|
|
26
|
+
|
|
27
|
+
```javascript
|
|
28
|
+
import 'sl-ui-pc/lib/theme-chalk/input.css'
|
|
29
|
+
import 'sl-ui-pc/lib/theme-chalk/select.css'
|
|
30
|
+
|
|
31
|
+
// ...
|
|
32
|
+
```
|
package/dist/base.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";:root{--sl-color-white:#ffffff;--sl-color-black:#000000;--sl-color-primary-rgb:40,120,255;--sl-color-success-rgb:0,180,42;--sl-color-warning-rgb:255,105,0;--sl-color-danger-rgb:255,77,80;--sl-color-error-rgb:255,77,80;--sl-color-info-rgb:136,141,154;--sl-font-size-extra-large:20px;--sl-font-size-large:18px;--sl-font-size-medium:16px;--sl-font-size-base:14px;--sl-font-size-small:13px;--sl-font-size-extra-small:12px;--sl-font-size-extra-smaller:11px;--sl-font-size-last-small:10px;--sl-font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB","微软雅黑",Arial,sans-serif;--sl-font-weight-primary:400;--sl-font-weight-500:500;--sl-font-line-height-primary:24px;--sl-index-normal:1;--sl-index-top:1000;--sl-index-popper:2000;--sl-border-radius-base:4px;--sl-border-radius-small:2px;--sl-border-radius-round:20px;--sl-border-radius-circle:100%;--sl-transition-duration:0.3s;--sl-transition-duration-fast:0.2s;--sl-transition-function-ease-in-out-bezier:cubic-bezier(0.645,0.045,0.355,1);--sl-transition-function-fast-bezier:cubic-bezier(0.23,1,0.32,1);--sl-transition-all:all var(--sl-transition-duration) var(--sl-transition-function-ease-in-out-bezier);--sl-transition-fade:opacity var(--sl-transition-duration) var(--sl-transition-function-fast-bezier);--sl-transition-md-fade:transform var(--sl-transition-duration) var(--sl-transition-function-fast-bezier),opacity var(--sl-transition-duration) var(--sl-transition-function-fast-bezier);--sl-transition-fade-linear:opacity var(--sl-transition-duration-fast) linear;--sl-transition-border:border-color var(--sl-transition-duration-fast) var(--sl-transition-function-ease-in-out-bezier);--sl-transition-box-shadow:box-shadow var(--sl-transition-duration-fast) var(--sl-transition-function-ease-in-out-bezier);--sl-transition-color:color var(--sl-transition-duration-fast) var(--sl-transition-function-ease-in-out-bezier);--sl-component-size-large:40px;--sl-component-size:32px;--sl-component-size-small:24px;color-scheme:light;--sl-color-primary:#2878ff;--sl-color-primary-light-3:#5594ff;--sl-color-primary-light-5:#9FC3FF;--sl-color-primary-light-7:#bfd7ff;--sl-color-primary-light-8:#d4e4ff;--sl-color-primary-light-9:#E8F3FF;--sl-color-primary-dark-2:#0A59DF;--sl-color-success:#00B42A;--sl-color-success-light-3:rgb(77,203,106);--sl-color-success-light-5:rgb(128,218,149);--sl-color-success-light-7:rgb(179,233,191);--sl-color-success-light-8:rgb(204,240,212);--sl-color-success-light-9:#E8FFEA;--sl-color-success-dark-2:rgb(0,144,34);--sl-color-warning:#FF6900;--sl-color-warning-light-3:rgb(255,150,77);--sl-color-warning-light-5:rgb(255,180,128);--sl-color-warning-light-7:rgb(255,210,179);--sl-color-warning-light-8:rgb(255,225,204);--sl-color-warning-light-9:#FFF3E4;--sl-color-warning-dark-2:rgb(204,84,0);--sl-color-danger:#FF4D50;--sl-color-danger-light-3:rgb(255,130,133);--sl-color-danger-light-5:rgb(255,166,168);--sl-color-danger-light-7:rgb(255,202,203);--sl-color-danger-light-8:rgb(255,219,220);--sl-color-danger-light-9:#FFEBEB;--sl-color-danger-dark-2:rgb(204,62,64);--sl-color-error:#FF4D50;--sl-color-error-light-3:rgb(255,130,133);--sl-color-error-light-5:rgb(255,166,168);--sl-color-error-light-7:rgb(255,202,203);--sl-color-error-light-8:rgb(255,219,220);--sl-color-error-light-9:rgb(255,237,238);--sl-color-error-dark-2:rgb(204,62,64);--sl-color-info:#888d9a;--sl-color-info-light-3:#b1b3b8;--sl-color-info-light-5:#c8c9cc;--sl-color-info-light-7:#dedfe0;--sl-color-info-light-8:#e9e9eb;--sl-color-info-light-9:#f4f5f6;--sl-color-info-dark-2:rgb(109,113,123);--sl-color-rest:#955609;--sl-color-rest-light-1:#ffeac9;--sl-color-success-light-4:#23C343;--sl-color-success-light-6:#7BE188;--sl-color-warning-light-4:#FD7E14;--sl-color-warning-light-6:#FFC078;--sl-color-danger-light-4:#FC7274;--sl-color-danger-light-6:#FFB9BA;--sl-bg-color:#ffffff;--sl-bg-color-page:#f2f3f5;--sl-bg-color-overlay:#ffffff;--sl-bg-color-rest:rgba(253,192,45,0.03);--sl-bg-color-container:#f2f4f6;--sl-text-color:#1D2129;--sl-text-color-primary:#1D2129;--sl-text-color-regular:#1D2129;--sl-text-color-secondary:#4E5969;--sl-text-color-thridary:#86909C;--sl-text-color-four:#C9CDD4;--sl-text-color-fifth:#FFFFFF;--sl-text-color-placeholder:#86909C;--sl-text-color-disabled:#C9CDD4;--sl-text-color-icon:#afb1b4;--sl-border-color:#E5E6EB;--sl-border-color-light:#F2F3F5;--sl-border-color-dark:#C9CDD4;--sl-border-color-darker:#86909C;--sl-border-color-checkbox:#C9CDD4;--sl-border-color-switch:#C9CDD4;--sl-fill-color:#F2F3F5;--sl-fill-color-light:#F7F8FA;--sl-fill-color-dark:#E5E6EB;--sl-fill-color-darker:#C9CDD4;--sl-fill-color-extra-darker:#4E5969;--sl-fill-color-blank:#ffffff;--sl-box-shadow:0px 12px 32px 4px rgba(0,0,0,0.04),0px 8px 20px rgba(0,0,0,0.08);--sl-box-shadow-light:0px 0px 12px rgba(0,0,0,0.12);--sl-box-shadow-lighter:0px 0px 6px rgba(0,0,0,0.12);--sl-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,0.08),0px 12px 32px rgba(0,0,0,0.12),0px 8px 16px -8px rgba(0,0,0,0.16);--sl-disabled-bg-color:var(--sl-fill-color-light);--sl-disabled-text-color:var(--sl-text-color-thridary);--sl-disabled-border-color:var(--sl-border-color-dark);--sl-overlay-color:rgba(0,0,0,0.8);--sl-overlay-color-light:rgba(0,0,0,0.7);--sl-overlay-color-lighter:rgba(0,0,0,0.5);--sl-mask-color:rgba(255,255,255,0.9);--sl-mask-color-extra-light:rgba(255,255,255,0.3);--sl-border-width:1px;--sl-border-style:solid;--sl-border-color-hover:var(--sl-text-color-disabled);--sl-border:var(--sl-border-width) var(--sl-border-style) var(--sl-border-color);--sl-checkbox-input-border-custom:var(--sl-border-width) var(--sl-border-style) var(--sl-border-color-checkbox);--sl-svg-monochrome-grey:var(--sl-border-color);--sl-form-item-tooltip-width:240px}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--sl-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.sl-fade-in-linear-enter-active,.sl-fade-in-linear-leave-active{transition:var(--sl-transition-fade-linear)}.sl-fade-in-linear-enter-from,.sl-fade-in-linear-leave-to{opacity:0}.sl-fade-in-enter-active,.sl-fade-in-leave-active{transition:all var(--sl-transition-duration) cubic-bezier(.55,0,.1,1)}.sl-fade-in-enter-from,.sl-fade-in-leave-active{opacity:0}.sl-zoom-in-center-enter-active,.sl-zoom-in-center-leave-active{transition:all var(--sl-transition-duration) cubic-bezier(.55,0,.1,1)}.sl-zoom-in-center-enter-from,.sl-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.sl-zoom-in-top-enter-active,.sl-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--sl-transition-md-fade)}.sl-zoom-in-top-enter-active[data-popper-placement^=top],.sl-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.sl-zoom-in-top-enter-from,.sl-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.sl-zoom-in-bottom-enter-active,.sl-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:var(--sl-transition-md-fade)}.sl-zoom-in-bottom-enter-from,.sl-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.sl-zoom-in-left-enter-active,.sl-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:var(--sl-transition-md-fade)}.sl-zoom-in-left-enter-from,.sl-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--sl-transition-duration) height ease-in-out,var(--sl-transition-duration) padding-top ease-in-out,var(--sl-transition-duration) padding-bottom ease-in-out}.sl-collapse-transition-enter-active,.sl-collapse-transition-leave-active{transition:var(--sl-transition-duration) max-height ease-in-out,var(--sl-transition-duration) padding-top ease-in-out,var(--sl-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--sl-transition-duration) width ease-in-out,var(--sl-transition-duration) padding-left ease-in-out,var(--sl-transition-duration) padding-right ease-in-out}.sl-list-enter-active,.sl-list-leave-active{transition:all 1s}.sl-list-enter-from,.sl-list-leave-to{opacity:0;transform:translateY(-30px)}.sl-list-leave-active{position:absolute!important}.sl-opacity-transition{transition:opacity var(--sl-transition-duration) cubic-bezier(.55,0,.1,1)}.sl-icon-loading{animation:rotating 2s linear infinite}.sl-icon--right{margin-left:5px}.sl-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sl-icon{--color:inherit;align-items:center;display:inline-flex;height:1em;justify-content:center;line-height:1em;position:relative;width:1em;fill:currentColor;color:var(--color);font-size:inherit}.sl-icon.is-loading{animation:rotating 2s linear infinite}.sl-icon svg{height:1em;width:1em}
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
@charset "UTF-8";
|
|
2
|
+
|
|
3
|
+
:root {
|
|
4
|
+
--sl-color-white: #ffffff;
|
|
5
|
+
--sl-color-black: #000000;
|
|
6
|
+
--sl-color-primary-rgb: 40, 120, 255;
|
|
7
|
+
--sl-color-success-rgb: 0, 180, 42;
|
|
8
|
+
--sl-color-warning-rgb: 255, 105, 0;
|
|
9
|
+
--sl-color-danger-rgb: 255, 77, 80;
|
|
10
|
+
--sl-color-error-rgb: 255, 77, 80;
|
|
11
|
+
--sl-color-info-rgb: 136, 141, 154;
|
|
12
|
+
--sl-font-size-extra-large: 20px;
|
|
13
|
+
--sl-font-size-large: 18px;
|
|
14
|
+
--sl-font-size-medium: 16px;
|
|
15
|
+
--sl-font-size-base: 14px;
|
|
16
|
+
--sl-font-size-small: 13px;
|
|
17
|
+
--sl-font-size-extra-small: 12px;
|
|
18
|
+
--sl-font-size-extra-smaller: 11px;
|
|
19
|
+
--sl-font-size-last-small: 10px;
|
|
20
|
+
--sl-font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "微软雅黑", Arial, sans-serif;
|
|
21
|
+
--sl-font-weight-primary: 400;
|
|
22
|
+
--sl-font-weight-500: 500;
|
|
23
|
+
--sl-font-line-height-primary: 24px;
|
|
24
|
+
--sl-index-normal: 1;
|
|
25
|
+
--sl-index-top: 1000;
|
|
26
|
+
--sl-index-popper: 2000;
|
|
27
|
+
--sl-border-radius-base: 4px;
|
|
28
|
+
--sl-border-radius-small: 2px;
|
|
29
|
+
--sl-border-radius-round: 20px;
|
|
30
|
+
--sl-border-radius-circle: 100%;
|
|
31
|
+
--sl-transition-duration: 0.3s;
|
|
32
|
+
--sl-transition-duration-fast: 0.2s;
|
|
33
|
+
--sl-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
34
|
+
--sl-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
|
|
35
|
+
--sl-transition-all: all var(--sl-transition-duration) var(--sl-transition-function-ease-in-out-bezier);
|
|
36
|
+
--sl-transition-fade: opacity var(--sl-transition-duration) var(--sl-transition-function-fast-bezier);
|
|
37
|
+
--sl-transition-md-fade: transform var(--sl-transition-duration) var(--sl-transition-function-fast-bezier), opacity var(--sl-transition-duration) var(--sl-transition-function-fast-bezier);
|
|
38
|
+
--sl-transition-fade-linear: opacity var(--sl-transition-duration-fast) linear;
|
|
39
|
+
--sl-transition-border: border-color var(--sl-transition-duration-fast) var(--sl-transition-function-ease-in-out-bezier);
|
|
40
|
+
--sl-transition-box-shadow: box-shadow var(--sl-transition-duration-fast) var(--sl-transition-function-ease-in-out-bezier);
|
|
41
|
+
--sl-transition-color: color var(--sl-transition-duration-fast) var(--sl-transition-function-ease-in-out-bezier);
|
|
42
|
+
--sl-component-size-large: 40px;
|
|
43
|
+
--sl-component-size: 32px;
|
|
44
|
+
--sl-component-size-small: 24px;
|
|
45
|
+
color-scheme: light;
|
|
46
|
+
--sl-color-primary: #2878ff;
|
|
47
|
+
--sl-color-primary-light-3: #5594ff;
|
|
48
|
+
--sl-color-primary-light-5: #9FC3FF;
|
|
49
|
+
--sl-color-primary-light-7: #bfd7ff;
|
|
50
|
+
--sl-color-primary-light-8: #d4e4ff;
|
|
51
|
+
--sl-color-primary-light-9: #E8F3FF;
|
|
52
|
+
--sl-color-primary-dark-2: #0A59DF;
|
|
53
|
+
--sl-color-success: #00B42A;
|
|
54
|
+
--sl-color-success-light-3: rgb(77, 203, 106);
|
|
55
|
+
--sl-color-success-light-5: rgb(128, 218, 149);
|
|
56
|
+
--sl-color-success-light-7: rgb(179, 233, 191);
|
|
57
|
+
--sl-color-success-light-8: rgb(204, 240, 212);
|
|
58
|
+
--sl-color-success-light-9: #E8FFEA;
|
|
59
|
+
--sl-color-success-dark-2: rgb(0, 144, 34);
|
|
60
|
+
--sl-color-warning: #FF6900;
|
|
61
|
+
--sl-color-warning-light-3: rgb(255, 150, 77);
|
|
62
|
+
--sl-color-warning-light-5: rgb(255, 180, 128);
|
|
63
|
+
--sl-color-warning-light-7: rgb(255, 210, 179);
|
|
64
|
+
--sl-color-warning-light-8: rgb(255, 225, 204);
|
|
65
|
+
--sl-color-warning-light-9: #FFF3E4;
|
|
66
|
+
--sl-color-warning-dark-2: rgb(204, 84, 0);
|
|
67
|
+
--sl-color-danger: #FF4D50;
|
|
68
|
+
--sl-color-danger-light-3: rgb(255, 130, 133);
|
|
69
|
+
--sl-color-danger-light-5: rgb(255, 166, 168);
|
|
70
|
+
--sl-color-danger-light-7: rgb(255, 202, 203);
|
|
71
|
+
--sl-color-danger-light-8: rgb(255, 219, 220);
|
|
72
|
+
--sl-color-danger-light-9: #FFEBEB;
|
|
73
|
+
--sl-color-danger-dark-2: rgb(204, 62, 64);
|
|
74
|
+
--sl-color-error: #FF4D50;
|
|
75
|
+
--sl-color-error-light-3: rgb(255, 130, 133);
|
|
76
|
+
--sl-color-error-light-5: rgb(255, 166, 168);
|
|
77
|
+
--sl-color-error-light-7: rgb(255, 202, 203);
|
|
78
|
+
--sl-color-error-light-8: rgb(255, 219, 220);
|
|
79
|
+
--sl-color-error-light-9: rgb(255, 237, 238);
|
|
80
|
+
--sl-color-error-dark-2: rgb(204, 62, 64);
|
|
81
|
+
--sl-color-info: #888d9a;
|
|
82
|
+
--sl-color-info-light-3: #b1b3b8;
|
|
83
|
+
--sl-color-info-light-5: #c8c9cc;
|
|
84
|
+
--sl-color-info-light-7: #dedfe0;
|
|
85
|
+
--sl-color-info-light-8: #e9e9eb;
|
|
86
|
+
--sl-color-info-light-9: #f4f5f6;
|
|
87
|
+
--sl-color-info-dark-2: rgb(109, 113, 123);
|
|
88
|
+
--sl-color-rest: #955609;
|
|
89
|
+
--sl-color-rest-light-1: #ffeac9;
|
|
90
|
+
--sl-color-success-light-4: #23C343;
|
|
91
|
+
--sl-color-success-light-6: #7BE188;
|
|
92
|
+
--sl-color-warning-light-4: #FD7E14;
|
|
93
|
+
--sl-color-warning-light-6: #FFC078;
|
|
94
|
+
--sl-color-danger-light-4: #FC7274;
|
|
95
|
+
--sl-color-danger-light-6: #FFB9BA;
|
|
96
|
+
--sl-bg-color: #ffffff;
|
|
97
|
+
--sl-bg-color-page: #f2f3f5;
|
|
98
|
+
--sl-bg-color-overlay: #ffffff;
|
|
99
|
+
--sl-bg-color-rest: rgba(253, 192, 45, 0.03);
|
|
100
|
+
--sl-bg-color-container: #f2f4f6;
|
|
101
|
+
--sl-text-color: #1D2129;
|
|
102
|
+
--sl-text-color-primary: #1D2129;
|
|
103
|
+
--sl-text-color-regular: #1D2129;
|
|
104
|
+
--sl-text-color-secondary: #4E5969;
|
|
105
|
+
--sl-text-color-thridary: #86909C;
|
|
106
|
+
--sl-text-color-four: #C9CDD4;
|
|
107
|
+
--sl-text-color-fifth: #FFFFFF;
|
|
108
|
+
--sl-text-color-placeholder: #86909C;
|
|
109
|
+
--sl-text-color-disabled: #C9CDD4;
|
|
110
|
+
--sl-text-color-icon: #afb1b4;
|
|
111
|
+
--sl-border-color: #E5E6EB;
|
|
112
|
+
--sl-border-color-light: #F2F3F5;
|
|
113
|
+
--sl-border-color-dark: #C9CDD4;
|
|
114
|
+
--sl-border-color-darker: #86909C;
|
|
115
|
+
--sl-border-color-checkbox: #C9CDD4;
|
|
116
|
+
--sl-border-color-switch: #C9CDD4;
|
|
117
|
+
--sl-fill-color: #F2F3F5;
|
|
118
|
+
--sl-fill-color-light: #F7F8FA;
|
|
119
|
+
--sl-fill-color-dark: #E5E6EB;
|
|
120
|
+
--sl-fill-color-darker: #C9CDD4;
|
|
121
|
+
--sl-fill-color-extra-darker: #4E5969;
|
|
122
|
+
--sl-fill-color-blank: #ffffff;
|
|
123
|
+
--sl-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08);
|
|
124
|
+
--sl-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
|
|
125
|
+
--sl-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
|
|
126
|
+
--sl-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
|
|
127
|
+
--sl-disabled-bg-color: var(--sl-fill-color-light);
|
|
128
|
+
--sl-disabled-text-color: var(--sl-text-color-thridary);
|
|
129
|
+
--sl-disabled-border-color: var(--sl-border-color-dark);
|
|
130
|
+
--sl-overlay-color: rgba(0, 0, 0, 0.8);
|
|
131
|
+
--sl-overlay-color-light: rgba(0, 0, 0, 0.7);
|
|
132
|
+
--sl-overlay-color-lighter: rgba(0, 0, 0, 0.5);
|
|
133
|
+
--sl-mask-color: rgba(255, 255, 255, 0.9);
|
|
134
|
+
--sl-mask-color-extra-light: rgba(255, 255, 255, 0.3);
|
|
135
|
+
--sl-border-width: 1px;
|
|
136
|
+
--sl-border-style: solid;
|
|
137
|
+
--sl-border-color-hover: var(--sl-text-color-disabled);
|
|
138
|
+
--sl-border: var(--sl-border-width) var(--sl-border-style) var(--sl-border-color);
|
|
139
|
+
--sl-checkbox-input-border-custom: var(--sl-border-width) var(--sl-border-style) var(--sl-border-color-checkbox);
|
|
140
|
+
--sl-svg-monochrome-grey: var(--sl-border-color);
|
|
141
|
+
--sl-form-item-tooltip-width: 240px
|
|
142
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";:root{--sl-color-white:#ffffff;--sl-color-black:#000000;--sl-color-primary-rgb:40,120,255;--sl-color-success-rgb:0,180,42;--sl-color-warning-rgb:255,105,0;--sl-color-danger-rgb:255,77,80;--sl-color-error-rgb:255,77,80;--sl-color-info-rgb:136,141,154;--sl-font-size-extra-large:20px;--sl-font-size-large:18px;--sl-font-size-medium:16px;--sl-font-size-base:14px;--sl-font-size-small:13px;--sl-font-size-extra-small:12px;--sl-font-size-extra-smaller:11px;--sl-font-size-last-small:10px;--sl-font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB","微软雅黑",Arial,sans-serif;--sl-font-weight-primary:400;--sl-font-weight-500:500;--sl-font-line-height-primary:24px;--sl-index-normal:1;--sl-index-top:1000;--sl-index-popper:2000;--sl-border-radius-base:4px;--sl-border-radius-small:2px;--sl-border-radius-round:20px;--sl-border-radius-circle:100%;--sl-transition-duration:0.3s;--sl-transition-duration-fast:0.2s;--sl-transition-function-ease-in-out-bezier:cubic-bezier(0.645,0.045,0.355,1);--sl-transition-function-fast-bezier:cubic-bezier(0.23,1,0.32,1);--sl-transition-all:all var(--sl-transition-duration) var(--sl-transition-function-ease-in-out-bezier);--sl-transition-fade:opacity var(--sl-transition-duration) var(--sl-transition-function-fast-bezier);--sl-transition-md-fade:transform var(--sl-transition-duration) var(--sl-transition-function-fast-bezier),opacity var(--sl-transition-duration) var(--sl-transition-function-fast-bezier);--sl-transition-fade-linear:opacity var(--sl-transition-duration-fast) linear;--sl-transition-border:border-color var(--sl-transition-duration-fast) var(--sl-transition-function-ease-in-out-bezier);--sl-transition-box-shadow:box-shadow var(--sl-transition-duration-fast) var(--sl-transition-function-ease-in-out-bezier);--sl-transition-color:color var(--sl-transition-duration-fast) var(--sl-transition-function-ease-in-out-bezier);--sl-component-size-large:40px;--sl-component-size:32px;--sl-component-size-small:24px;color-scheme:light;--sl-color-primary:#2878ff;--sl-color-primary-light-3:#5594ff;--sl-color-primary-light-5:#9FC3FF;--sl-color-primary-light-7:#bfd7ff;--sl-color-primary-light-8:#d4e4ff;--sl-color-primary-light-9:#E8F3FF;--sl-color-primary-dark-2:#0A59DF;--sl-color-success:#00B42A;--sl-color-success-light-3:rgb(77,203,106);--sl-color-success-light-5:rgb(128,218,149);--sl-color-success-light-7:rgb(179,233,191);--sl-color-success-light-8:rgb(204,240,212);--sl-color-success-light-9:#E8FFEA;--sl-color-success-dark-2:rgb(0,144,34);--sl-color-warning:#FF6900;--sl-color-warning-light-3:rgb(255,150,77);--sl-color-warning-light-5:rgb(255,180,128);--sl-color-warning-light-7:rgb(255,210,179);--sl-color-warning-light-8:rgb(255,225,204);--sl-color-warning-light-9:#FFF3E4;--sl-color-warning-dark-2:rgb(204,84,0);--sl-color-danger:#FF4D50;--sl-color-danger-light-3:rgb(255,130,133);--sl-color-danger-light-5:rgb(255,166,168);--sl-color-danger-light-7:rgb(255,202,203);--sl-color-danger-light-8:rgb(255,219,220);--sl-color-danger-light-9:#FFEBEB;--sl-color-danger-dark-2:rgb(204,62,64);--sl-color-error:#FF4D50;--sl-color-error-light-3:rgb(255,130,133);--sl-color-error-light-5:rgb(255,166,168);--sl-color-error-light-7:rgb(255,202,203);--sl-color-error-light-8:rgb(255,219,220);--sl-color-error-light-9:rgb(255,237,238);--sl-color-error-dark-2:rgb(204,62,64);--sl-color-info:#888d9a;--sl-color-info-light-3:#b1b3b8;--sl-color-info-light-5:#c8c9cc;--sl-color-info-light-7:#dedfe0;--sl-color-info-light-8:#e9e9eb;--sl-color-info-light-9:#f4f5f6;--sl-color-info-dark-2:rgb(109,113,123);--sl-color-rest:#955609;--sl-color-rest-light-1:#ffeac9;--sl-color-success-light-4:#23C343;--sl-color-success-light-6:#7BE188;--sl-color-warning-light-4:#FD7E14;--sl-color-warning-light-6:#FFC078;--sl-color-danger-light-4:#FC7274;--sl-color-danger-light-6:#FFB9BA;--sl-bg-color:#ffffff;--sl-bg-color-page:#f2f3f5;--sl-bg-color-overlay:#ffffff;--sl-bg-color-rest:rgba(253,192,45,0.03);--sl-bg-color-container:#f2f4f6;--sl-text-color:#1D2129;--sl-text-color-primary:#1D2129;--sl-text-color-regular:#1D2129;--sl-text-color-secondary:#4E5969;--sl-text-color-thridary:#86909C;--sl-text-color-four:#C9CDD4;--sl-text-color-fifth:#FFFFFF;--sl-text-color-placeholder:#86909C;--sl-text-color-disabled:#C9CDD4;--sl-text-color-icon:#afb1b4;--sl-border-color:#E5E6EB;--sl-border-color-light:#F2F3F5;--sl-border-color-dark:#C9CDD4;--sl-border-color-darker:#86909C;--sl-border-color-checkbox:#C9CDD4;--sl-border-color-switch:#C9CDD4;--sl-fill-color:#F2F3F5;--sl-fill-color-light:#F7F8FA;--sl-fill-color-dark:#E5E6EB;--sl-fill-color-darker:#C9CDD4;--sl-fill-color-extra-darker:#4E5969;--sl-fill-color-blank:#ffffff;--sl-box-shadow:0px 12px 32px 4px rgba(0,0,0,0.04),0px 8px 20px rgba(0,0,0,0.08);--sl-box-shadow-light:0px 0px 12px rgba(0,0,0,0.12);--sl-box-shadow-lighter:0px 0px 6px rgba(0,0,0,0.12);--sl-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,0.08),0px 12px 32px rgba(0,0,0,0.12),0px 8px 16px -8px rgba(0,0,0,0.16);--sl-disabled-bg-color:var(--sl-fill-color-light);--sl-disabled-text-color:var(--sl-text-color-thridary);--sl-disabled-border-color:var(--sl-border-color-dark);--sl-overlay-color:rgba(0,0,0,0.8);--sl-overlay-color-light:rgba(0,0,0,0.7);--sl-overlay-color-lighter:rgba(0,0,0,0.5);--sl-mask-color:rgba(255,255,255,0.9);--sl-mask-color-extra-light:rgba(255,255,255,0.3);--sl-border-width:1px;--sl-border-style:solid;--sl-border-color-hover:var(--sl-text-color-disabled);--sl-border:var(--sl-border-width) var(--sl-border-style) var(--sl-border-color);--sl-checkbox-input-border-custom:var(--sl-border-width) var(--sl-border-style) var(--sl-border-color-checkbox);--sl-svg-monochrome-grey:var(--sl-border-color);--sl-form-item-tooltip-width:240px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
html.dark{color-scheme:dark;--sl-color-primary:#2878ff;--sl-color-primary-light-3:rgb(34,90,185);--sl-color-primary-light-5:rgb(30,70,138);--sl-color-primary-light-7:rgb(26,50,91);--sl-color-primary-light-8:rgb(24,40,67);--sl-color-primary-light-9:rgb(22,30,43);--sl-color-primary-dark-2:rgb(83,147,255);--sl-color-success:#00B42A;--sl-color-success-light-3:rgb(6,132,35);--sl-color-success-light-5:rgb(10,100,31);--sl-color-success-light-7:rgb(14,68,27);--sl-color-success-light-8:rgb(16,52,24);--sl-color-success-light-9:rgb(18,36,22);--sl-color-success-dark-2:rgb(51,195,85);--sl-color-warning:#FF6900;--sl-color-warning-light-3:rgb(185,80,6);--sl-color-warning-light-5:rgb(138,63,10);--sl-color-warning-light-7:rgb(91,46,14);--sl-color-warning-light-8:rgb(67,37,16);--sl-color-warning-light-9:rgb(43,29,18);--sl-color-warning-dark-2:rgb(255,135,51);--sl-color-danger:#FF4D50;--sl-color-danger-light-3:rgb(185,60,62);--sl-color-danger-light-5:rgb(138,49,50);--sl-color-danger-light-7:rgb(91,37,38);--sl-color-danger-light-8:rgb(67,31,32);--sl-color-danger-light-9:rgb(43,26,26);--sl-color-danger-dark-2:rgb(255,113,115);--sl-color-error:#FF4D50;--sl-color-error-light-3:rgb(185,60,62);--sl-color-error-light-5:rgb(138,49,50);--sl-color-error-light-7:rgb(91,37,38);--sl-color-error-light-8:rgb(67,31,32);--sl-color-error-light-9:rgb(43,26,26);--sl-color-error-dark-2:rgb(255,113,115);--sl-color-info:#888d9a;--sl-color-info-light-3:rgb(101,105,114);--sl-color-info-light-5:rgb(78,81,87);--sl-color-info-light-7:rgb(55,56,60);--sl-color-info-light-8:rgb(43,44,47);--sl-color-info-light-9:rgb(32,32,33);--sl-color-info-dark-2:rgb(160,164,174);--sl-box-shadow:0px 12px 32px 4px rgba(0,0,0,0.36),0px 8px 20px rgba(0,0,0,0.72);--sl-box-shadow-light:0px 0px 12px rgba(0,0,0,0.72);--sl-box-shadow-lighter:0px 0px 6px rgba(0,0,0,0.72);--sl-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,0.72),0px 12px 32px #000000,0px 8px 16px -8px #000000;--sl-bg-color-page:#0a0a0a;--sl-bg-color:#141414;--sl-bg-color-overlay:#1d1e1f;--sl-bg-color-container:#f2f4f6;--sl-text-color-primary:#E5EAF3;--sl-text-color-regular:#CFD3DC;--sl-text-color-secondary:#A3A6AD;--sl-text-color-placeholder:#8D9095;--sl-text-color-disabled:#6C6E72;--sl-border-color-darker:#636466;--sl-border-color-dark:#58585B;--sl-border-color:#4C4D4F;--sl-border-color-light:#414243;--sl-border-color-lighter:#363637;--sl-border-color-extra-light:#2B2B2C;--sl-fill-color-darker:#424243;--sl-fill-color-dark:#39393A;--sl-fill-color:#303030;--sl-fill-color-light:#262727;--sl-fill-color-lighter:#1D1D1D;--sl-fill-color-extra-light:#191919;--sl-fill-color-blank:transparent;--sl-mask-color:rgba(0,0,0,0.8);--sl-mask-color-extra-light:rgba(0,0,0,0.3)}html.dark .sl-button{--sl-button-disabled-text-color:rgba(255,255,255,0.5)}html.dark .sl-card{--sl-card-bg-color:var(--sl-bg-color-overlay)}html.dark .sl-empty{--sl-empty-fill-color-0:var(--sl-color-black);--sl-empty-fill-color-1:#4b4b52;--sl-empty-fill-color-2:#36383d;--sl-empty-fill-color-3:#1e1e20;--sl-empty-fill-color-4:#262629;--sl-empty-fill-color-5:#202124;--sl-empty-fill-color-6:#212224;--sl-empty-fill-color-7:#1b1c1f;--sl-empty-fill-color-8:#1c1d1f;--sl-empty-fill-color-9:#18181a}
|
package/dist/display.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@media only screen and (max-width:767px){.hidden-xs-only{display:none!important}}@media only screen and (min-width:768px){.hidden-sm-and-up{display:none!important}}@media only screen and (min-width:768px) and (max-width:991px){.hidden-sm-only{display:none!important}}@media only screen and (max-width:991px){.hidden-sm-and-down{display:none!important}}@media only screen and (min-width:992px){.hidden-md-and-up{display:none!important}}@media only screen and (min-width:992px) and (max-width:1199px){.hidden-md-only{display:none!important}}@media only screen and (max-width:1199px){.hidden-md-and-down{display:none!important}}@media only screen and (min-width:1200px){.hidden-lg-and-up{display:none!important}}@media only screen and (min-width:1200px) and (max-width:1599px){.hidden-lg-only{display:none!important}}@media only screen and (max-width:1599px){.hidden-lg-and-down{display:none!important}}@media only screen and (min-width:1600px){.hidden-xl-and-up{display:none!important}}@media only screen and (min-width:1600px) and (max-width:1919px){.hidden-xl-only{display:none!important}}@media only screen and (max-width:1919px){.hidden-xl-and-down{display:none!important}}@media only screen and (min-width:1600px){.hidden-xxl-only{display:none!important}}
|