@epxing/theme 5.3.0-beta.2 → 5.3.0-beta.3

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/API.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  全局样式、设计令牌、Sass mixin/function 和图标底座。此包没有 JavaScript 函数或组件导出。
4
4
 
5
- 本页对应包版本 `5.3.0-beta.2`。导出名、子路径和签名从当前源码、package.json 与类型声明生成。
5
+ 本页对应包版本 `5.3.0-beta.3`。导出名、子路径和签名从当前源码、package.json 与类型声明生成。
6
6
 
7
7
  ## 安装与使用
8
8
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@epxing/theme",
3
- "version": "5.3.0-beta.2",
3
+ "version": "5.3.0-beta.3",
4
4
  "description": "设计令牌 + 主题 scss(源码分发:消费方 sass 编译期使用 mixins/tokens;各 @epxing 包构建时已把用到的样式编进各自 style.css)",
5
5
  "main": "src/index.scss",
6
6
  "exports": {
@@ -0,0 +1,73 @@
1
+ @import './utils/mixins.scss';
2
+
3
+ // 导入和导出共用字段模板样式,按需加载时各自声明依赖。
4
+ @include b(import) {
5
+ @include e(download-template) {
6
+ &:last-child {
7
+ @include e(download-template-body) {
8
+ border: 0;
9
+ }
10
+ }
11
+ }
12
+ @include e(download-template-header) {
13
+ padding: 20px 0;
14
+ display: flex;
15
+ justify-content: space-between;
16
+ align-items: center;
17
+ >span:first-child {
18
+ font-size: var(--epx-font-size-l);
19
+ color: var(--epx-text);
20
+ line-height: 20px;
21
+ border-left: 4px solid;
22
+ @include border_color_primary;
23
+ padding-left: 8px;
24
+ }
25
+ }
26
+ @include e(common-field-group-item) {
27
+ display: inline-block;
28
+ padding: 8px 20px;
29
+ background: var(--epx-bg);
30
+ border-radius: var(--epx-radius-base);
31
+ line-height: 20px;
32
+ margin: 5px;
33
+ cursor: pointer;
34
+ i {
35
+ display: none;
36
+ }
37
+ &:hover {
38
+ box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
39
+ &:not(.is-common) {
40
+ padding:7px 4px;
41
+ i {
42
+ display: inline;
43
+ margin-left: 2px;
44
+ font-size: var(--epx-font-size-s);
45
+ margin: 0 2px;
46
+ }
47
+ }
48
+ }
49
+ &.is-active {
50
+ border: 1px solid ;
51
+ @include border_color_primary;
52
+ @include font_color_primary;
53
+ background: var(--epx-bg-card);
54
+ padding:6px 19px;
55
+ &:not(.is-common) {
56
+ padding:6px 3px;
57
+ i {
58
+ display: inline;
59
+ font-size: var(--epx-font-size-s);
60
+ margin: 0 2px;
61
+ }
62
+ }
63
+ }
64
+ }
65
+ @include e(common-field-move) {
66
+ cursor: move;
67
+ }
68
+ @include e(download-template-body) {
69
+ padding-bottom: 10px;
70
+ border-bottom: 1px dashed ;
71
+ @include border_color_primary;
72
+ }
73
+ }