@delon/theme 21.1.0 → 21.3.0
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/compact.css +13 -378
- package/compact.min.css +1 -1
- package/dark.css +13 -378
- package/dark.min.css +1 -1
- package/default.css +13 -378
- package/default.less +1 -2
- package/default.min.css +1 -1
- package/fesm2022/layout-default.mjs +30 -26
- package/fesm2022/layout-default.mjs.map +1 -1
- package/fesm2022/setting-drawer.mjs +10 -10
- package/fesm2022/setting-drawer.mjs.map +1 -1
- package/fesm2022/theme-btn.mjs +7 -7
- package/fesm2022/theme-btn.mjs.map +1 -1
- package/fesm2022/theme.mjs +107 -67
- package/fesm2022/theme.mjs.map +1 -1
- package/package.json +8 -7
- package/system/delon/index.less +2 -2
- package/theme-compact.less +1 -1
- package/theme-dark.less +1 -1
- package/theme-default.less +1 -1
- package/theme-variable.less +1 -1
- package/types/theme.d.ts +4 -0
- package/variable.css +15 -380
- package/variable.less +1 -2
- package/variable.min.css +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@delon/theme",
|
|
3
|
-
"version": "21.
|
|
3
|
+
"version": "21.3.0",
|
|
4
4
|
"author": "cipchk<cipchk@qq.com>",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -21,11 +21,11 @@
|
|
|
21
21
|
"component"
|
|
22
22
|
],
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"ng-zorro-antd": "^21.2.
|
|
25
|
-
"@delon/acl": "^21.
|
|
26
|
-
"@delon/abc": "^21.
|
|
27
|
-
"@delon/form": "^21.
|
|
28
|
-
"@delon/util": "^21.
|
|
24
|
+
"ng-zorro-antd": "^21.2.2",
|
|
25
|
+
"@delon/acl": "^21.3.0",
|
|
26
|
+
"@delon/abc": "^21.3.0",
|
|
27
|
+
"@delon/form": "^21.3.0",
|
|
28
|
+
"@delon/util": "^21.3.0",
|
|
29
29
|
"tslib": "^2.3.0"
|
|
30
30
|
},
|
|
31
31
|
"module": "fesm2022/theme.mjs",
|
|
@@ -55,5 +55,6 @@
|
|
|
55
55
|
"default": "./fesm2022/theme-btn.mjs"
|
|
56
56
|
}
|
|
57
57
|
},
|
|
58
|
-
"sideEffects": false
|
|
58
|
+
"sideEffects": false,
|
|
59
|
+
"type": "module"
|
|
59
60
|
}
|
package/system/delon/index.less
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
@import '
|
|
2
|
-
@import '
|
|
1
|
+
@import '@delon/form/src/style/index.less';
|
|
2
|
+
@import '@delon/acl/src/style/index.less';
|
|
3
3
|
@import '../../setting-drawer/style/index.less';
|
|
4
4
|
@import '../../theme-btn/style/index.less';
|
|
5
5
|
@import '../../src/pipes/yn/style/index.less';
|
package/theme-compact.less
CHANGED
package/theme-dark.less
CHANGED
package/theme-default.less
CHANGED
package/theme-variable.less
CHANGED
package/types/theme.d.ts
CHANGED
|
@@ -1441,6 +1441,10 @@ interface SFLocaleData extends LocaleData {
|
|
|
1441
1441
|
addText: string;
|
|
1442
1442
|
removeText: string;
|
|
1443
1443
|
checkAllText: string;
|
|
1444
|
+
/** 展开 */
|
|
1445
|
+
expand: string;
|
|
1446
|
+
/** 收起 */
|
|
1447
|
+
collapse: string;
|
|
1444
1448
|
error: SFErrorLocaleData;
|
|
1445
1449
|
}
|
|
1446
1450
|
interface SFErrorLocaleData extends LocaleData {
|
package/variable.css
CHANGED
|
@@ -19017,7 +19017,7 @@ textarea.ant-mentions {
|
|
|
19017
19017
|
}
|
|
19018
19018
|
.ant-mentions-dropdown {
|
|
19019
19019
|
position: relative;
|
|
19020
|
-
top:
|
|
19020
|
+
top: 0;
|
|
19021
19021
|
left: 12px;
|
|
19022
19022
|
width: 100%;
|
|
19023
19023
|
margin-top: 8px;
|
|
@@ -19862,7 +19862,7 @@ textarea.ant-mentions {
|
|
|
19862
19862
|
list-style: none;
|
|
19863
19863
|
font-feature-settings: 'tnum';
|
|
19864
19864
|
position: relative;
|
|
19865
|
-
padding: 16px
|
|
19865
|
+
padding: 16px 16px 32px 0 32px;
|
|
19866
19866
|
background-color: #fff;
|
|
19867
19867
|
}
|
|
19868
19868
|
.ant-page-header-ghost {
|
|
@@ -22608,7 +22608,7 @@ span.ant-radio + * {
|
|
|
22608
22608
|
background-color: #fff;
|
|
22609
22609
|
border: 1px solid #d9d9d9;
|
|
22610
22610
|
border-radius: 2px;
|
|
22611
|
-
transition:
|
|
22611
|
+
transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
22612
22612
|
}
|
|
22613
22613
|
.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
|
|
22614
22614
|
cursor: pointer;
|
|
@@ -23128,7 +23128,8 @@ span.ant-radio + * {
|
|
|
23128
23128
|
direction: rtl;
|
|
23129
23129
|
}
|
|
23130
23130
|
.ant-select-dropdown {
|
|
23131
|
-
|
|
23131
|
+
position: relative;
|
|
23132
|
+
top: 0;
|
|
23132
23133
|
left: 0;
|
|
23133
23134
|
display: block;
|
|
23134
23135
|
width: 100%;
|
|
@@ -29507,6 +29508,11 @@ div.ant-typography-edit-content.ant-typography-rtl {
|
|
|
29507
29508
|
.ant-cascader-dropdown {
|
|
29508
29509
|
padding: 0;
|
|
29509
29510
|
}
|
|
29511
|
+
.ant-cascader-dropdown.ant-select-dropdown {
|
|
29512
|
+
position: relative;
|
|
29513
|
+
top: 0;
|
|
29514
|
+
left: 0;
|
|
29515
|
+
}
|
|
29510
29516
|
.ant-cascader-menus {
|
|
29511
29517
|
position: relative;
|
|
29512
29518
|
margin-top: 2px;
|
|
@@ -30544,7 +30550,7 @@ nz-tree {
|
|
|
30544
30550
|
}
|
|
30545
30551
|
.ant-select-dropdown.ant-select-tree-dropdown {
|
|
30546
30552
|
position: relative;
|
|
30547
|
-
top:
|
|
30553
|
+
top: 0;
|
|
30548
30554
|
left: 0;
|
|
30549
30555
|
width: 100%;
|
|
30550
30556
|
margin-top: 4px;
|
|
@@ -33131,6 +33137,9 @@ fieldset {
|
|
|
33131
33137
|
font-weight: 700;
|
|
33132
33138
|
text-align: left;
|
|
33133
33139
|
}
|
|
33140
|
+
.sf__collapse .sf__collapse-item {
|
|
33141
|
+
display: none !important;
|
|
33142
|
+
}
|
|
33134
33143
|
.sf__object-card .ant-card-body {
|
|
33135
33144
|
padding-left: 0;
|
|
33136
33145
|
}
|
|
@@ -37675,7 +37684,7 @@ ellipsis {
|
|
|
37675
37684
|
}
|
|
37676
37685
|
.page-header {
|
|
37677
37686
|
display: block;
|
|
37678
|
-
padding:
|
|
37687
|
+
padding: 16px 32px 0 32px;
|
|
37679
37688
|
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
|
|
37680
37689
|
background-color: #fff;
|
|
37681
37690
|
}
|
|
@@ -38105,377 +38114,3 @@ ellipsis {
|
|
|
38105
38114
|
.cell__disabled[data-type='link'] > a {
|
|
38106
38115
|
color: rgba(0, 0, 0, 0.85);
|
|
38107
38116
|
}
|
|
38108
|
-
g2-chart,
|
|
38109
|
-
g2-bar,
|
|
38110
|
-
g2-gauge,
|
|
38111
|
-
g2-mini-area,
|
|
38112
|
-
g2-mini-bar,
|
|
38113
|
-
g2-single-bar,
|
|
38114
|
-
g2-tag-cloud,
|
|
38115
|
-
g2-timeline,
|
|
38116
|
-
g2,
|
|
38117
|
-
g2-custom {
|
|
38118
|
-
display: block;
|
|
38119
|
-
}
|
|
38120
|
-
g2-bar,
|
|
38121
|
-
g2-tag-cloud {
|
|
38122
|
-
width: 100%;
|
|
38123
|
-
}
|
|
38124
|
-
.g2-card {
|
|
38125
|
-
position: relative;
|
|
38126
|
-
}
|
|
38127
|
-
.g2-card__top {
|
|
38128
|
-
position: relative;
|
|
38129
|
-
overflow: hidden;
|
|
38130
|
-
width: 100%;
|
|
38131
|
-
}
|
|
38132
|
-
.g2-card__top-margin {
|
|
38133
|
-
margin-bottom: 12px;
|
|
38134
|
-
}
|
|
38135
|
-
.g2-card__top-has-margin {
|
|
38136
|
-
margin-bottom: 20px;
|
|
38137
|
-
}
|
|
38138
|
-
.g2-card__meta {
|
|
38139
|
-
height: 22px;
|
|
38140
|
-
font-size: 14px;
|
|
38141
|
-
line-height: 22px;
|
|
38142
|
-
color: rgba(0, 0, 0, 0.45);
|
|
38143
|
-
}
|
|
38144
|
-
.g2-card__meta-wrap {
|
|
38145
|
-
float: left;
|
|
38146
|
-
}
|
|
38147
|
-
.g2-card__meta-action {
|
|
38148
|
-
cursor: pointer;
|
|
38149
|
-
position: absolute;
|
|
38150
|
-
top: 4px;
|
|
38151
|
-
right: 0;
|
|
38152
|
-
line-height: 1;
|
|
38153
|
-
}
|
|
38154
|
-
.g2-card__avatar {
|
|
38155
|
-
position: relative;
|
|
38156
|
-
top: 4px;
|
|
38157
|
-
float: left;
|
|
38158
|
-
margin-right: 20px;
|
|
38159
|
-
}
|
|
38160
|
-
.g2-card__avatar img {
|
|
38161
|
-
border-radius: 100%;
|
|
38162
|
-
}
|
|
38163
|
-
.g2-card__total {
|
|
38164
|
-
overflow: hidden;
|
|
38165
|
-
height: 38px;
|
|
38166
|
-
margin-top: 4px;
|
|
38167
|
-
margin-bottom: 0;
|
|
38168
|
-
font-size: 30px;
|
|
38169
|
-
line-height: 38px;
|
|
38170
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38171
|
-
text-overflow: ellipsis;
|
|
38172
|
-
word-break: break-all;
|
|
38173
|
-
white-space: nowrap;
|
|
38174
|
-
}
|
|
38175
|
-
.g2-card__desc {
|
|
38176
|
-
width: 100%;
|
|
38177
|
-
margin-bottom: 12px;
|
|
38178
|
-
}
|
|
38179
|
-
.g2-card__footer {
|
|
38180
|
-
margin-top: 8px;
|
|
38181
|
-
padding-top: 9px;
|
|
38182
|
-
border-top: 1px solid rgba(0, 0, 0, 0.06);
|
|
38183
|
-
}
|
|
38184
|
-
.g2-card__footer > * {
|
|
38185
|
-
position: relative;
|
|
38186
|
-
}
|
|
38187
|
-
.g2-mini-progress {
|
|
38188
|
-
position: relative;
|
|
38189
|
-
display: block;
|
|
38190
|
-
width: 100%;
|
|
38191
|
-
padding: 5px 0;
|
|
38192
|
-
}
|
|
38193
|
-
.g2-mini-progress__wrap {
|
|
38194
|
-
position: relative;
|
|
38195
|
-
background-color: #f5f5f5;
|
|
38196
|
-
}
|
|
38197
|
-
.g2-mini-progress__value {
|
|
38198
|
-
width: 0;
|
|
38199
|
-
height: 100%;
|
|
38200
|
-
border-radius: 1px 0 0 1px;
|
|
38201
|
-
background-color: var(--ant-primary-color);
|
|
38202
|
-
transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
|
|
38203
|
-
}
|
|
38204
|
-
.g2-mini-progress__target {
|
|
38205
|
-
position: absolute;
|
|
38206
|
-
top: 0;
|
|
38207
|
-
bottom: 0;
|
|
38208
|
-
}
|
|
38209
|
-
.g2-mini-progress__target-item {
|
|
38210
|
-
position: absolute;
|
|
38211
|
-
top: 0;
|
|
38212
|
-
left: 0;
|
|
38213
|
-
width: 2px;
|
|
38214
|
-
height: 4px;
|
|
38215
|
-
border-radius: 100px;
|
|
38216
|
-
}
|
|
38217
|
-
.g2-mini-progress__target-item:last-child {
|
|
38218
|
-
top: auto;
|
|
38219
|
-
bottom: 0;
|
|
38220
|
-
}
|
|
38221
|
-
.g2-pie {
|
|
38222
|
-
position: relative;
|
|
38223
|
-
display: block;
|
|
38224
|
-
}
|
|
38225
|
-
.g2-pie__chart {
|
|
38226
|
-
position: relative;
|
|
38227
|
-
}
|
|
38228
|
-
.g2-pie__legend {
|
|
38229
|
-
position: absolute;
|
|
38230
|
-
top: 50%;
|
|
38231
|
-
right: 0;
|
|
38232
|
-
transform: translateY(-50%);
|
|
38233
|
-
min-width: 250px;
|
|
38234
|
-
margin: 0 20px;
|
|
38235
|
-
padding: 0;
|
|
38236
|
-
list-style: none;
|
|
38237
|
-
}
|
|
38238
|
-
.g2-pie__legend-item {
|
|
38239
|
-
cursor: pointer;
|
|
38240
|
-
height: 22px;
|
|
38241
|
-
margin-bottom: 16px;
|
|
38242
|
-
line-height: 22px;
|
|
38243
|
-
}
|
|
38244
|
-
.g2-pie__legend-item:last-child {
|
|
38245
|
-
margin-bottom: 0;
|
|
38246
|
-
}
|
|
38247
|
-
.g2-pie__legend-title {
|
|
38248
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38249
|
-
}
|
|
38250
|
-
.g2-pie__legend-dot {
|
|
38251
|
-
position: relative;
|
|
38252
|
-
top: -1px;
|
|
38253
|
-
display: inline-block;
|
|
38254
|
-
width: 8px;
|
|
38255
|
-
height: 8px;
|
|
38256
|
-
margin-right: 8px;
|
|
38257
|
-
border-radius: 8px;
|
|
38258
|
-
}
|
|
38259
|
-
.g2-pie__legend-percent {
|
|
38260
|
-
color: rgba(0, 0, 0, 0.45);
|
|
38261
|
-
}
|
|
38262
|
-
.g2-pie__legend-value {
|
|
38263
|
-
position: absolute;
|
|
38264
|
-
right: 0;
|
|
38265
|
-
}
|
|
38266
|
-
.g2-pie__legend-has .g2-pie__chart {
|
|
38267
|
-
width: calc(100% - 240px);
|
|
38268
|
-
}
|
|
38269
|
-
.g2-pie__legend-block .g2-pie__chart {
|
|
38270
|
-
width: 100%;
|
|
38271
|
-
margin: 0 0 32px;
|
|
38272
|
-
}
|
|
38273
|
-
.g2-pie__legend-block .g2-pie__legend {
|
|
38274
|
-
position: relative;
|
|
38275
|
-
transform: none;
|
|
38276
|
-
min-width: auto;
|
|
38277
|
-
}
|
|
38278
|
-
.g2-pie__total {
|
|
38279
|
-
position: absolute;
|
|
38280
|
-
top: 50%;
|
|
38281
|
-
left: 50%;
|
|
38282
|
-
transform: translate(-50%, -50%);
|
|
38283
|
-
height: 62px;
|
|
38284
|
-
text-align: center;
|
|
38285
|
-
}
|
|
38286
|
-
.g2-pie__total-title {
|
|
38287
|
-
height: 22px;
|
|
38288
|
-
margin-bottom: 8px;
|
|
38289
|
-
font-size: 14px;
|
|
38290
|
-
font-weight: normal;
|
|
38291
|
-
line-height: 22px;
|
|
38292
|
-
color: rgba(0, 0, 0, 0.45);
|
|
38293
|
-
}
|
|
38294
|
-
.g2-pie__total-stat {
|
|
38295
|
-
display: block;
|
|
38296
|
-
height: 32px;
|
|
38297
|
-
font-size: 1.2em;
|
|
38298
|
-
line-height: 32px;
|
|
38299
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38300
|
-
white-space: nowrap;
|
|
38301
|
-
}
|
|
38302
|
-
.g2-pie__mini .g2-pie__total-title {
|
|
38303
|
-
margin-top: 4px;
|
|
38304
|
-
margin-bottom: 0;
|
|
38305
|
-
}
|
|
38306
|
-
.g2-radar {
|
|
38307
|
-
display: block;
|
|
38308
|
-
}
|
|
38309
|
-
.g2-radar__legend {
|
|
38310
|
-
margin-top: 16px;
|
|
38311
|
-
}
|
|
38312
|
-
.g2-radar__legend-item {
|
|
38313
|
-
cursor: pointer;
|
|
38314
|
-
position: relative;
|
|
38315
|
-
line-height: 22px;
|
|
38316
|
-
color: rgba(0, 0, 0, 0.45);
|
|
38317
|
-
text-align: center;
|
|
38318
|
-
}
|
|
38319
|
-
.g2-radar__legend-item::after {
|
|
38320
|
-
content: '';
|
|
38321
|
-
position: absolute;
|
|
38322
|
-
top: 8px;
|
|
38323
|
-
right: 0;
|
|
38324
|
-
width: 1px;
|
|
38325
|
-
height: 40px;
|
|
38326
|
-
background-color: rgba(0, 0, 0, 0.06);
|
|
38327
|
-
}
|
|
38328
|
-
.g2-radar__legend-item:last-child::after {
|
|
38329
|
-
display: none;
|
|
38330
|
-
}
|
|
38331
|
-
.g2-radar__legend-title {
|
|
38332
|
-
margin-top: 4px;
|
|
38333
|
-
margin-bottom: 0;
|
|
38334
|
-
padding-left: 16px;
|
|
38335
|
-
font-size: 24px;
|
|
38336
|
-
line-height: 32px;
|
|
38337
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38338
|
-
}
|
|
38339
|
-
.g2-radar__legend-dot {
|
|
38340
|
-
position: relative;
|
|
38341
|
-
top: -1px;
|
|
38342
|
-
display: inline-block;
|
|
38343
|
-
width: 6px;
|
|
38344
|
-
height: 6px;
|
|
38345
|
-
margin-right: 6px;
|
|
38346
|
-
border-radius: 6px;
|
|
38347
|
-
}
|
|
38348
|
-
.g2-water-wave {
|
|
38349
|
-
position: relative;
|
|
38350
|
-
transform-origin: left;
|
|
38351
|
-
display: inline-block;
|
|
38352
|
-
}
|
|
38353
|
-
.g2-water-wave__desc {
|
|
38354
|
-
position: absolute;
|
|
38355
|
-
top: 32px;
|
|
38356
|
-
left: 0;
|
|
38357
|
-
width: 100%;
|
|
38358
|
-
text-align: center;
|
|
38359
|
-
}
|
|
38360
|
-
.g2-water-wave__desc-title {
|
|
38361
|
-
font-size: 14px;
|
|
38362
|
-
line-height: 22px;
|
|
38363
|
-
color: rgba(0, 0, 0, 0.45);
|
|
38364
|
-
}
|
|
38365
|
-
.g2-water-wave__desc-percent {
|
|
38366
|
-
font-size: 24px;
|
|
38367
|
-
line-height: 32px;
|
|
38368
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38369
|
-
}
|
|
38370
|
-
.g2-water-wave__canvas {
|
|
38371
|
-
transform-origin: 0 0;
|
|
38372
|
-
transform: scale(0.5);
|
|
38373
|
-
}
|
|
38374
|
-
.number-info {
|
|
38375
|
-
display: inline-block;
|
|
38376
|
-
}
|
|
38377
|
-
.number-info__title {
|
|
38378
|
-
margin-bottom: 16px;
|
|
38379
|
-
font-size: 16px;
|
|
38380
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38381
|
-
transition: all 0.3s;
|
|
38382
|
-
}
|
|
38383
|
-
.number-info__title-sub {
|
|
38384
|
-
overflow: hidden;
|
|
38385
|
-
height: 22px;
|
|
38386
|
-
font-size: 14px;
|
|
38387
|
-
line-height: 22px;
|
|
38388
|
-
color: rgba(0, 0, 0, 0.45);
|
|
38389
|
-
text-overflow: ellipsis;
|
|
38390
|
-
word-break: break-all;
|
|
38391
|
-
white-space: nowrap;
|
|
38392
|
-
}
|
|
38393
|
-
.number-info__value {
|
|
38394
|
-
overflow: hidden;
|
|
38395
|
-
margin-top: 4px;
|
|
38396
|
-
font-size: 0;
|
|
38397
|
-
text-overflow: ellipsis;
|
|
38398
|
-
word-break: break-all;
|
|
38399
|
-
white-space: nowrap;
|
|
38400
|
-
}
|
|
38401
|
-
.number-info__value-suffix {
|
|
38402
|
-
margin-left: 4px;
|
|
38403
|
-
font-size: 16px;
|
|
38404
|
-
font-style: normal;
|
|
38405
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38406
|
-
}
|
|
38407
|
-
.number-info__value-text {
|
|
38408
|
-
display: inline-block;
|
|
38409
|
-
height: 32px;
|
|
38410
|
-
font-size: 24px;
|
|
38411
|
-
line-height: 32px;
|
|
38412
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38413
|
-
}
|
|
38414
|
-
.number-info__value-sub {
|
|
38415
|
-
margin-left: 32px;
|
|
38416
|
-
font-size: 16px;
|
|
38417
|
-
color: rgba(0, 0, 0, 0.45);
|
|
38418
|
-
vertical-align: top;
|
|
38419
|
-
}
|
|
38420
|
-
.number-info__value-sub .anticon {
|
|
38421
|
-
transform: scale(0.82);
|
|
38422
|
-
margin-left: 4px;
|
|
38423
|
-
font-size: 12px;
|
|
38424
|
-
}
|
|
38425
|
-
.number-info__value-sub .anticon-caret-up {
|
|
38426
|
-
color: #f5222d;
|
|
38427
|
-
}
|
|
38428
|
-
.number-info__value-sub .anticon-caret-down {
|
|
38429
|
-
color: #52c41a;
|
|
38430
|
-
}
|
|
38431
|
-
.number-info__light .number-info__value-text {
|
|
38432
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38433
|
-
}
|
|
38434
|
-
.number-info:not(:first-child) {
|
|
38435
|
-
position: relative;
|
|
38436
|
-
margin-left: 32px;
|
|
38437
|
-
padding-left: 32px;
|
|
38438
|
-
}
|
|
38439
|
-
.number-info:not(:first-child)::after {
|
|
38440
|
-
content: '';
|
|
38441
|
-
position: absolute;
|
|
38442
|
-
top: 0;
|
|
38443
|
-
bottom: 0;
|
|
38444
|
-
left: 0;
|
|
38445
|
-
width: 1px;
|
|
38446
|
-
margin: 8px 0;
|
|
38447
|
-
background-color: rgba(0, 0, 0, 0.06);
|
|
38448
|
-
}
|
|
38449
|
-
.trend {
|
|
38450
|
-
display: inline-block;
|
|
38451
|
-
font-size: 14px;
|
|
38452
|
-
line-height: 22px;
|
|
38453
|
-
}
|
|
38454
|
-
.trend__up,
|
|
38455
|
-
.trend__down {
|
|
38456
|
-
position: relative;
|
|
38457
|
-
top: 1px;
|
|
38458
|
-
margin-left: 4px;
|
|
38459
|
-
}
|
|
38460
|
-
.trend__up i,
|
|
38461
|
-
.trend__down i {
|
|
38462
|
-
transform: scale(0.83);
|
|
38463
|
-
font-size: 12px;
|
|
38464
|
-
}
|
|
38465
|
-
.trend__up {
|
|
38466
|
-
color: #f5222d;
|
|
38467
|
-
}
|
|
38468
|
-
.trend__down {
|
|
38469
|
-
top: -1px;
|
|
38470
|
-
color: #52c41a;
|
|
38471
|
-
}
|
|
38472
|
-
.trend__grey .trend__up,
|
|
38473
|
-
.trend__grey .trend__down {
|
|
38474
|
-
color: rgba(0, 0, 0, 0.85);
|
|
38475
|
-
}
|
|
38476
|
-
.trend__reverse .trend__up {
|
|
38477
|
-
color: #52c41a;
|
|
38478
|
-
}
|
|
38479
|
-
.trend__reverse .trend__down {
|
|
38480
|
-
color: #f5222d;
|
|
38481
|
-
}
|
package/variable.less
CHANGED