@alifd/theme-panda 0.1.3 → 0.2.1
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/design-token.js +1 -1
- package/dist/next-1.css +59 -59
- package/dist/next-2.css +140 -140
- package/dist/next-noreset-1.css +59 -59
- package/dist/next-noreset-2.css +140 -140
- package/dist/next-noreset.css +198 -198
- package/dist/next-noreset.min-1.css +2 -2
- package/dist/next-noreset.min-2.css +2 -2
- package/dist/next-noreset.min.css +2 -2
- package/dist/next-noreset.var-1.css +117 -117
- package/dist/next-noreset.var-2.css +279 -279
- package/dist/next-noreset.var.css +395 -395
- package/dist/next-noreset.var.min-1.css +2 -2
- package/dist/next-noreset.var.min-2.css +2 -2
- package/dist/next-noreset.var.min.css +2 -2
- package/dist/next.css +198 -198
- package/dist/next.js +1 -1
- package/dist/next.min-1.css +2 -2
- package/dist/next.min-2.css +2 -2
- package/dist/next.min.css +2 -2
- package/dist/next.var-1.css +117 -117
- package/dist/next.var-2.css +279 -279
- package/dist/next.var.css +395 -395
- package/dist/next.var.min-1.css +2 -2
- package/dist/next.var.min-2.css +2 -2
- package/dist/next.var.min.css +2 -2
- package/package.json +2 -2
- package/variables.css +224 -212
- package/variables.js +10 -4
- package/variables.less +87 -84
- package/variables.scss +87 -84
- package/variables.scss2css.scss +217 -208
package/dist/next-noreset-1.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @alifd/theme-panda@0.1
|
|
2
|
+
* @alifd/theme-panda@0.2.1 (https://fusion.design)
|
|
3
3
|
* @alifd/next@1.25.51 (https://fusion.design)
|
|
4
4
|
* Copyright 2018-present Alibaba Group,
|
|
5
5
|
* Licensed under MIT (https://github.com/alibaba-fusion/next/blob/master/LICENSE)
|
|
@@ -2274,7 +2274,7 @@
|
|
|
2274
2274
|
.next-radio-button-small .next-radio-label {
|
|
2275
2275
|
height: 18px;
|
|
2276
2276
|
line-height: 18px;
|
|
2277
|
-
font-size:
|
|
2277
|
+
font-size: 12px; }
|
|
2278
2278
|
|
|
2279
2279
|
.next-radio-single-input input[type="radio"] {
|
|
2280
2280
|
opacity: 0;
|
|
@@ -2344,7 +2344,7 @@
|
|
|
2344
2344
|
height: 16px;
|
|
2345
2345
|
min-width: 16px;
|
|
2346
2346
|
padding: 0 4px 0 4px;
|
|
2347
|
-
font-size:
|
|
2347
|
+
font-size: 12px;
|
|
2348
2348
|
line-height: 16px;
|
|
2349
2349
|
-webkit-transform: translateX(-50%);
|
|
2350
2350
|
-ms-transform: translateX(-50%);
|
|
@@ -2376,7 +2376,7 @@
|
|
|
2376
2376
|
.next-badge .next-badge-custom {
|
|
2377
2377
|
line-height: 1.166667;
|
|
2378
2378
|
white-space: nowrap;
|
|
2379
|
-
font-size:
|
|
2379
|
+
font-size: 12px;
|
|
2380
2380
|
padding-left: 4px;
|
|
2381
2381
|
padding-right: 4px;
|
|
2382
2382
|
border-radius: 6px;
|
|
@@ -2407,7 +2407,7 @@
|
|
|
2407
2407
|
display: block;
|
|
2408
2408
|
height: 16px;
|
|
2409
2409
|
line-height: 16px;
|
|
2410
|
-
font-size:
|
|
2410
|
+
font-size: 12px; }
|
|
2411
2411
|
.next-badge-not-a-wrapper .next-badge-count,
|
|
2412
2412
|
.next-badge-not-a-wrapper .next-badge-custom {
|
|
2413
2413
|
position: relative;
|
|
@@ -3331,7 +3331,7 @@
|
|
|
3331
3331
|
.next-breadcrumb .next-breadcrumb-text {
|
|
3332
3332
|
height: 16px;
|
|
3333
3333
|
min-width: 16px;
|
|
3334
|
-
font-size:
|
|
3334
|
+
font-size: 12px;
|
|
3335
3335
|
line-height: 16px; }
|
|
3336
3336
|
.next-breadcrumb .next-breadcrumb-separator {
|
|
3337
3337
|
height: 16px;
|
|
@@ -3356,7 +3356,7 @@
|
|
|
3356
3356
|
width: 16px;
|
|
3357
3357
|
font-size: 16px; } }
|
|
3358
3358
|
.next-breadcrumb .next-breadcrumb-text-ellipsis {
|
|
3359
|
-
font-size:
|
|
3359
|
+
font-size: 12px; }
|
|
3360
3360
|
.next-breadcrumb .next-breadcrumb-text {
|
|
3361
3361
|
color: rgba(0, 0, 0, 0.75); }
|
|
3362
3362
|
.next-breadcrumb .next-breadcrumb-text > b {
|
|
@@ -3484,7 +3484,7 @@
|
|
|
3484
3484
|
border-radius: 6px;
|
|
3485
3485
|
padding: 0 8px;
|
|
3486
3486
|
height: 28px;
|
|
3487
|
-
font-size:
|
|
3487
|
+
font-size: 12px;
|
|
3488
3488
|
border-width: 1px; }
|
|
3489
3489
|
.next-btn.next-small > .next-btn-icon.next-icon-first {
|
|
3490
3490
|
-webkit-transform: scale(1);
|
|
@@ -3654,7 +3654,7 @@
|
|
|
3654
3654
|
.next-btn.next-btn-normal {
|
|
3655
3655
|
border-style: solid;
|
|
3656
3656
|
background: #FFFFFF;
|
|
3657
|
-
border-color: #
|
|
3657
|
+
border-color: #edeef2; }
|
|
3658
3658
|
.next-btn.next-btn-normal, .next-btn.next-btn-normal:link, .next-btn.next-btn-normal:visited, .next-btn.next-btn-normal.visited {
|
|
3659
3659
|
color: #2e3038; }
|
|
3660
3660
|
.next-btn.next-btn-normal:focus, .next-btn.next-btn-normal:hover, .next-btn.next-btn-normal.hover {
|
|
@@ -4027,7 +4027,7 @@
|
|
|
4027
4027
|
border-radius: 0;
|
|
4028
4028
|
padding: 0 0px;
|
|
4029
4029
|
height: 16px;
|
|
4030
|
-
font-size:
|
|
4030
|
+
font-size: 12px;
|
|
4031
4031
|
border-width: 0; }
|
|
4032
4032
|
.next-btn-text.next-small > .next-btn-icon.next-icon-first {
|
|
4033
4033
|
-webkit-transform: scale(1);
|
|
@@ -4451,9 +4451,9 @@
|
|
|
4451
4451
|
border-radius: 6px; }
|
|
4452
4452
|
.next-input.next-small .next-input-label {
|
|
4453
4453
|
padding-left: 8px;
|
|
4454
|
-
font-size:
|
|
4454
|
+
font-size: 12px; }
|
|
4455
4455
|
.next-input.next-small .next-input-inner {
|
|
4456
|
-
font-size:
|
|
4456
|
+
font-size: 12px; }
|
|
4457
4457
|
.next-input.next-small .next-input-control {
|
|
4458
4458
|
padding-right: 4px; }
|
|
4459
4459
|
.next-input.next-small .next-input-inner-text {
|
|
@@ -4462,18 +4462,18 @@
|
|
|
4462
4462
|
height: 22px;
|
|
4463
4463
|
line-height: 22px \0;
|
|
4464
4464
|
padding: 0 8px;
|
|
4465
|
-
font-size:
|
|
4465
|
+
font-size: 12px; }
|
|
4466
4466
|
.next-input.next-small input::-webkit-input-placeholder {
|
|
4467
|
-
font-size:
|
|
4467
|
+
font-size: 12px; }
|
|
4468
4468
|
.next-input.next-small input::-moz-placeholder {
|
|
4469
|
-
font-size:
|
|
4469
|
+
font-size: 12px; }
|
|
4470
4470
|
.next-input.next-small input::-ms-input-placeholder {
|
|
4471
|
-
font-size:
|
|
4471
|
+
font-size: 12px; }
|
|
4472
4472
|
.next-input.next-small input::placeholder {
|
|
4473
|
-
font-size:
|
|
4473
|
+
font-size: 12px; }
|
|
4474
4474
|
.next-input.next-small .next-input-text-field {
|
|
4475
4475
|
padding: 0 8px;
|
|
4476
|
-
font-size:
|
|
4476
|
+
font-size: 12px;
|
|
4477
4477
|
height: 22px;
|
|
4478
4478
|
line-height: 22px; }
|
|
4479
4479
|
.next-input.next-small .next-icon:before,
|
|
@@ -4636,8 +4636,8 @@
|
|
|
4636
4636
|
-webkit-box-shadow: none;
|
|
4637
4637
|
box-shadow: none; }
|
|
4638
4638
|
.next-input-control .next-input-len {
|
|
4639
|
-
font-size:
|
|
4640
|
-
line-height:
|
|
4639
|
+
font-size: 12px;
|
|
4640
|
+
line-height: 12px;
|
|
4641
4641
|
color: #999999;
|
|
4642
4642
|
display: table-cell;
|
|
4643
4643
|
width: 1px;
|
|
@@ -4814,7 +4814,7 @@
|
|
|
4814
4814
|
border-color: #d9d9d9;
|
|
4815
4815
|
background-color: whitesmoke; }
|
|
4816
4816
|
.next-input-group-text.next-small {
|
|
4817
|
-
font-size:
|
|
4817
|
+
font-size: 12px;
|
|
4818
4818
|
border-radius: 6px; }
|
|
4819
4819
|
.next-input-group-text.next-medium {
|
|
4820
4820
|
font-size: 14px;
|
|
@@ -5198,14 +5198,14 @@
|
|
|
5198
5198
|
.next-calendar-range .next-calendar-th {
|
|
5199
5199
|
text-align: center;
|
|
5200
5200
|
color: #999999;
|
|
5201
|
-
font-size:
|
|
5201
|
+
font-size: 12px;
|
|
5202
5202
|
font-weight: normal; }
|
|
5203
5203
|
|
|
5204
5204
|
.next-calendar-card .next-calendar-cell,
|
|
5205
5205
|
.next-calendar-panel .next-calendar-cell,
|
|
5206
5206
|
.next-calendar-range .next-calendar-cell {
|
|
5207
5207
|
text-align: center;
|
|
5208
|
-
font-size:
|
|
5208
|
+
font-size: 12px; }
|
|
5209
5209
|
.next-calendar-card .next-calendar-cell.next-selected .next-calendar-date,
|
|
5210
5210
|
.next-calendar-card .next-calendar-cell.next-selected .next-calendar-month,
|
|
5211
5211
|
.next-calendar-card .next-calendar-cell.next-selected .next-calendar-year,
|
|
@@ -5514,7 +5514,7 @@
|
|
|
5514
5514
|
font-size: 18px;
|
|
5515
5515
|
font-weight: normal; }
|
|
5516
5516
|
.next-card-subtitle {
|
|
5517
|
-
font-size:
|
|
5517
|
+
font-size: 12px;
|
|
5518
5518
|
color: rgba(0, 0, 0, 0.75);
|
|
5519
5519
|
padding-left: 8px; }
|
|
5520
5520
|
.next-card-extra {
|
|
@@ -5579,7 +5579,7 @@
|
|
|
5579
5579
|
font-weight: normal;
|
|
5580
5580
|
line-height: 1.5; }
|
|
5581
5581
|
.next-card-header-subtitle {
|
|
5582
|
-
font-size:
|
|
5582
|
+
font-size: 12px;
|
|
5583
5583
|
color: rgba(0, 0, 0, 0.75); }
|
|
5584
5584
|
.next-card-actions {
|
|
5585
5585
|
display: block;
|
|
@@ -6099,7 +6099,7 @@
|
|
|
6099
6099
|
cursor: default;
|
|
6100
6100
|
height: 28px;
|
|
6101
6101
|
line-height: 28px;
|
|
6102
|
-
font-size:
|
|
6102
|
+
font-size: 12px;
|
|
6103
6103
|
font-weight: normal;
|
|
6104
6104
|
color: #999999;
|
|
6105
6105
|
background: #FFFFFF; }
|
|
@@ -6109,7 +6109,7 @@
|
|
|
6109
6109
|
list-style: none;
|
|
6110
6110
|
margin: 0;
|
|
6111
6111
|
padding: 0;
|
|
6112
|
-
font-size:
|
|
6112
|
+
font-size: 12px;
|
|
6113
6113
|
height: 196px; }
|
|
6114
6114
|
.next-time-picker-menu-item {
|
|
6115
6115
|
cursor: pointer;
|
|
@@ -6196,7 +6196,7 @@
|
|
|
6196
6196
|
text-align: center;
|
|
6197
6197
|
color: rgba(0, 0, 0, 0.4);
|
|
6198
6198
|
width: 16px;
|
|
6199
|
-
font-size:
|
|
6199
|
+
font-size: 12px;
|
|
6200
6200
|
vertical-align: middle; }
|
|
6201
6201
|
|
|
6202
6202
|
.next-date-picker,
|
|
@@ -11176,7 +11176,7 @@
|
|
|
11176
11176
|
font-size: 14px;
|
|
11177
11177
|
line-height: 28px; }
|
|
11178
11178
|
.next-form-preview.next-form-item.next-small .next-form-item-label {
|
|
11179
|
-
font-size:
|
|
11179
|
+
font-size: 12px;
|
|
11180
11180
|
line-height: 20px; }
|
|
11181
11181
|
.next-form-preview.next-form-item.next-large .next-form-item-label {
|
|
11182
11182
|
font-size: 18px;
|
|
@@ -11195,8 +11195,8 @@
|
|
|
11195
11195
|
gap: 16px; }
|
|
11196
11196
|
.next-form-responsive-grid.next-small .next-form-item.next-left .next-form-item-label {
|
|
11197
11197
|
line-height: 1.4;
|
|
11198
|
-
margin-top:
|
|
11199
|
-
margin-bottom:
|
|
11198
|
+
margin-top: 6px;
|
|
11199
|
+
margin-bottom: 6px; }
|
|
11200
11200
|
.next-form-responsive-grid.next-medium .next-responsive-grid {
|
|
11201
11201
|
gap: 20px; }
|
|
11202
11202
|
.next-form-responsive-grid.next-medium .next-form-item.next-left .next-form-item-label {
|
|
@@ -11274,16 +11274,16 @@
|
|
|
11274
11274
|
.next-form-item.next-small .next-radio-group {
|
|
11275
11275
|
line-height: 24px; }
|
|
11276
11276
|
.next-form-item.next-small .next-form-preview {
|
|
11277
|
-
font-size:
|
|
11277
|
+
font-size: 12px;
|
|
11278
11278
|
line-height: 20px; }
|
|
11279
11279
|
.next-form-item.next-small .next-form-preview.next-input-textarea > p {
|
|
11280
|
-
font-size:
|
|
11280
|
+
font-size: 12px;
|
|
11281
11281
|
text-align: justify;
|
|
11282
|
-
min-height:
|
|
11282
|
+
min-height: 16.8px;
|
|
11283
11283
|
line-height: 1.4;
|
|
11284
|
-
margin-top:
|
|
11284
|
+
margin-top: 1.6px; }
|
|
11285
11285
|
.next-form-item.next-small .next-form-item-label {
|
|
11286
|
-
font-size:
|
|
11286
|
+
font-size: 12px; }
|
|
11287
11287
|
.next-form-item.next-top > .next-form-item-label {
|
|
11288
11288
|
margin-bottom: 2px; }
|
|
11289
11289
|
.next-form-item.next-inset .next-form-item-label {
|
|
@@ -12060,27 +12060,27 @@
|
|
|
12060
12060
|
content: ''; }
|
|
12061
12061
|
.next-nav.next-hoz {
|
|
12062
12062
|
padding: 0;
|
|
12063
|
-
height:
|
|
12064
|
-
line-height:
|
|
12063
|
+
height: 48px;
|
|
12064
|
+
line-height: 32px;
|
|
12065
12065
|
font-size: 14px; }
|
|
12066
12066
|
.next-nav.next-hoz .next-menu-item.next-nav-item {
|
|
12067
12067
|
margin-left: 0px;
|
|
12068
12068
|
margin-right: 0px;
|
|
12069
12069
|
padding: 0 20px;
|
|
12070
|
-
border-radius:
|
|
12070
|
+
border-radius: 8px; }
|
|
12071
12071
|
.next-nav.next-hoz .next-menu-item,
|
|
12072
12072
|
.next-nav.next-hoz .next-menu-sub-menu-wrapper > .next-menu-item {
|
|
12073
|
-
margin-top:
|
|
12074
|
-
margin-bottom:
|
|
12073
|
+
margin-top: 8px;
|
|
12074
|
+
margin-bottom: 8px; }
|
|
12075
12075
|
.next-nav.next-hoz .next-menu-item-inner {
|
|
12076
|
-
height:
|
|
12076
|
+
height: 32px;
|
|
12077
12077
|
font-size: 14px; }
|
|
12078
12078
|
.next-nav.next-hoz .next-menu-item.next-nav-item.next-nav-with-title {
|
|
12079
12079
|
line-height: 1;
|
|
12080
12080
|
padding: 12px 8px; }
|
|
12081
12081
|
.next-nav.next-hoz .next-menu-item.next-nav-item.next-nav-with-title .next-menu-item-inner {
|
|
12082
12082
|
height: auto;
|
|
12083
|
-
min-height:
|
|
12083
|
+
min-height: 32px; }
|
|
12084
12084
|
.next-nav.next-hoz .next-menu-item.next-nav-item.next-nav-with-title .next-nav-text {
|
|
12085
12085
|
display: block;
|
|
12086
12086
|
line-height: 1;
|
|
@@ -12093,10 +12093,10 @@
|
|
|
12093
12093
|
font-size: 14px; }
|
|
12094
12094
|
.next-nav.next-hoz .next-menu-header {
|
|
12095
12095
|
float: left;
|
|
12096
|
-
height:
|
|
12096
|
+
height: 32px; }
|
|
12097
12097
|
.next-nav.next-hoz .next-menu-footer {
|
|
12098
12098
|
float: right;
|
|
12099
|
-
height:
|
|
12099
|
+
height: 32px; }
|
|
12100
12100
|
.next-nav.next-hoz .next-nav-item:before {
|
|
12101
12101
|
width: 0;
|
|
12102
12102
|
left: 50%;
|
|
@@ -12157,7 +12157,7 @@
|
|
|
12157
12157
|
line-height: 44px; }
|
|
12158
12158
|
.next-nav.next-ver .next-menu-sub-menu .next-menu-item-inner {
|
|
12159
12159
|
height: 44px;
|
|
12160
|
-
font-size:
|
|
12160
|
+
font-size: 12px; }
|
|
12161
12161
|
.next-nav.next-ver .next-nav-item:before {
|
|
12162
12162
|
height: 0;
|
|
12163
12163
|
top: 50%;
|
|
@@ -12176,20 +12176,20 @@
|
|
|
12176
12176
|
width: 2px; }
|
|
12177
12177
|
.next-nav.next-primary {
|
|
12178
12178
|
border-width: 0px;
|
|
12179
|
-
background: #
|
|
12179
|
+
background: #000a24;
|
|
12180
12180
|
border-color: transparent;
|
|
12181
12181
|
color: rgba(255, 255, 255, 0.65);
|
|
12182
|
-
font-weight:
|
|
12182
|
+
font-weight: normal;
|
|
12183
12183
|
-webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
|
12184
12184
|
box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12); }
|
|
12185
12185
|
.next-nav.next-primary.next-hoz {
|
|
12186
|
-
line-height:
|
|
12187
|
-
line-height:
|
|
12186
|
+
line-height: 32px;
|
|
12187
|
+
line-height: 32px; }
|
|
12188
12188
|
.next-nav.next-primary.next-hoz .next-menu-header,
|
|
12189
12189
|
.next-nav.next-primary.next-hoz .next-menu-footer,
|
|
12190
12190
|
.next-nav.next-primary.next-hoz .next-menu-item-inner {
|
|
12191
|
-
line-height:
|
|
12192
|
-
height:
|
|
12191
|
+
line-height: 32px;
|
|
12192
|
+
height: 32px; }
|
|
12193
12193
|
.next-nav.next-primary.next-hoz.next-top .next-nav-item:before {
|
|
12194
12194
|
top: 0;
|
|
12195
12195
|
top: 0px; }
|
|
@@ -12203,16 +12203,16 @@
|
|
|
12203
12203
|
right: 0;
|
|
12204
12204
|
right: 0px; }
|
|
12205
12205
|
.next-nav.next-primary .next-nav-item.next-menu-item {
|
|
12206
|
-
background: #
|
|
12206
|
+
background: #000a24;
|
|
12207
12207
|
color: rgba(255, 255, 255, 0.65); }
|
|
12208
12208
|
.next-nav.next-primary .next-nav-item.next-menu-item.next-focused, .next-nav.next-primary .next-nav-item.next-menu-item:hover {
|
|
12209
12209
|
background: transparent;
|
|
12210
12210
|
color: #FFFFFF;
|
|
12211
|
-
font-weight:
|
|
12211
|
+
font-weight: 500; }
|
|
12212
12212
|
.next-nav.next-primary .next-nav-item.next-menu-item.next-selected {
|
|
12213
12213
|
background: #257df9;
|
|
12214
12214
|
color: #FFFFFF;
|
|
12215
|
-
font-weight:
|
|
12215
|
+
font-weight: 500; }
|
|
12216
12216
|
.next-nav.next-primary .next-nav-item.next-menu-item.next-selected.next-nav-item {
|
|
12217
12217
|
background: #257df9;
|
|
12218
12218
|
color: #FFFFFF; }
|
|
@@ -12269,13 +12269,13 @@
|
|
|
12269
12269
|
-webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
|
12270
12270
|
box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12); }
|
|
12271
12271
|
.next-nav.next-secondary.next-hoz {
|
|
12272
|
-
line-height:
|
|
12273
|
-
line-height:
|
|
12272
|
+
line-height: 32px;
|
|
12273
|
+
line-height: 32px; }
|
|
12274
12274
|
.next-nav.next-secondary.next-hoz .next-menu-header,
|
|
12275
12275
|
.next-nav.next-secondary.next-hoz .next-menu-footer,
|
|
12276
12276
|
.next-nav.next-secondary.next-hoz .next-menu-item-inner {
|
|
12277
|
-
line-height:
|
|
12278
|
-
height:
|
|
12277
|
+
line-height: 32px;
|
|
12278
|
+
height: 32px; }
|
|
12279
12279
|
.next-nav.next-secondary.next-hoz.next-top .next-nav-item:before {
|
|
12280
12280
|
top: 0;
|
|
12281
12281
|
top: 0px; }
|