@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-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)
|
|
@@ -2773,7 +2773,7 @@ small {
|
|
|
2773
2773
|
.next-radio-button-small .next-radio-label {
|
|
2774
2774
|
height: 18px;
|
|
2775
2775
|
line-height: 18px;
|
|
2776
|
-
font-size:
|
|
2776
|
+
font-size: 12px; }
|
|
2777
2777
|
|
|
2778
2778
|
.next-radio-single-input input[type="radio"] {
|
|
2779
2779
|
opacity: 0;
|
|
@@ -2843,7 +2843,7 @@ small {
|
|
|
2843
2843
|
height: 16px;
|
|
2844
2844
|
min-width: 16px;
|
|
2845
2845
|
padding: 0 4px 0 4px;
|
|
2846
|
-
font-size:
|
|
2846
|
+
font-size: 12px;
|
|
2847
2847
|
line-height: 16px;
|
|
2848
2848
|
-webkit-transform: translateX(-50%);
|
|
2849
2849
|
-ms-transform: translateX(-50%);
|
|
@@ -2875,7 +2875,7 @@ small {
|
|
|
2875
2875
|
.next-badge .next-badge-custom {
|
|
2876
2876
|
line-height: 1.166667;
|
|
2877
2877
|
white-space: nowrap;
|
|
2878
|
-
font-size:
|
|
2878
|
+
font-size: 12px;
|
|
2879
2879
|
padding-left: 4px;
|
|
2880
2880
|
padding-right: 4px;
|
|
2881
2881
|
border-radius: 6px;
|
|
@@ -2906,7 +2906,7 @@ small {
|
|
|
2906
2906
|
display: block;
|
|
2907
2907
|
height: 16px;
|
|
2908
2908
|
line-height: 16px;
|
|
2909
|
-
font-size:
|
|
2909
|
+
font-size: 12px; }
|
|
2910
2910
|
.next-badge-not-a-wrapper .next-badge-count,
|
|
2911
2911
|
.next-badge-not-a-wrapper .next-badge-custom {
|
|
2912
2912
|
position: relative;
|
|
@@ -3830,7 +3830,7 @@ small {
|
|
|
3830
3830
|
.next-breadcrumb .next-breadcrumb-text {
|
|
3831
3831
|
height: 16px;
|
|
3832
3832
|
min-width: 16px;
|
|
3833
|
-
font-size:
|
|
3833
|
+
font-size: 12px;
|
|
3834
3834
|
line-height: 16px; }
|
|
3835
3835
|
.next-breadcrumb .next-breadcrumb-separator {
|
|
3836
3836
|
height: 16px;
|
|
@@ -3855,7 +3855,7 @@ small {
|
|
|
3855
3855
|
width: 16px;
|
|
3856
3856
|
font-size: 16px; } }
|
|
3857
3857
|
.next-breadcrumb .next-breadcrumb-text-ellipsis {
|
|
3858
|
-
font-size:
|
|
3858
|
+
font-size: 12px; }
|
|
3859
3859
|
.next-breadcrumb .next-breadcrumb-text {
|
|
3860
3860
|
color: rgba(0, 0, 0, 0.75); }
|
|
3861
3861
|
.next-breadcrumb .next-breadcrumb-text > b {
|
|
@@ -3983,7 +3983,7 @@ small {
|
|
|
3983
3983
|
border-radius: 6px;
|
|
3984
3984
|
padding: 0 8px;
|
|
3985
3985
|
height: 28px;
|
|
3986
|
-
font-size:
|
|
3986
|
+
font-size: 12px;
|
|
3987
3987
|
border-width: 1px; }
|
|
3988
3988
|
.next-btn.next-small > .next-btn-icon.next-icon-first {
|
|
3989
3989
|
-webkit-transform: scale(1);
|
|
@@ -4153,7 +4153,7 @@ small {
|
|
|
4153
4153
|
.next-btn.next-btn-normal {
|
|
4154
4154
|
border-style: solid;
|
|
4155
4155
|
background: #FFFFFF;
|
|
4156
|
-
border-color: #
|
|
4156
|
+
border-color: #edeef2; }
|
|
4157
4157
|
.next-btn.next-btn-normal, .next-btn.next-btn-normal:link, .next-btn.next-btn-normal:visited, .next-btn.next-btn-normal.visited {
|
|
4158
4158
|
color: #2e3038; }
|
|
4159
4159
|
.next-btn.next-btn-normal:focus, .next-btn.next-btn-normal:hover, .next-btn.next-btn-normal.hover {
|
|
@@ -4526,7 +4526,7 @@ small {
|
|
|
4526
4526
|
border-radius: 0;
|
|
4527
4527
|
padding: 0 0px;
|
|
4528
4528
|
height: 16px;
|
|
4529
|
-
font-size:
|
|
4529
|
+
font-size: 12px;
|
|
4530
4530
|
border-width: 0; }
|
|
4531
4531
|
.next-btn-text.next-small > .next-btn-icon.next-icon-first {
|
|
4532
4532
|
-webkit-transform: scale(1);
|
|
@@ -4950,9 +4950,9 @@ small {
|
|
|
4950
4950
|
border-radius: 6px; }
|
|
4951
4951
|
.next-input.next-small .next-input-label {
|
|
4952
4952
|
padding-left: 8px;
|
|
4953
|
-
font-size:
|
|
4953
|
+
font-size: 12px; }
|
|
4954
4954
|
.next-input.next-small .next-input-inner {
|
|
4955
|
-
font-size:
|
|
4955
|
+
font-size: 12px; }
|
|
4956
4956
|
.next-input.next-small .next-input-control {
|
|
4957
4957
|
padding-right: 4px; }
|
|
4958
4958
|
.next-input.next-small .next-input-inner-text {
|
|
@@ -4961,18 +4961,18 @@ small {
|
|
|
4961
4961
|
height: 22px;
|
|
4962
4962
|
line-height: 22px \0;
|
|
4963
4963
|
padding: 0 8px;
|
|
4964
|
-
font-size:
|
|
4964
|
+
font-size: 12px; }
|
|
4965
4965
|
.next-input.next-small input::-webkit-input-placeholder {
|
|
4966
|
-
font-size:
|
|
4966
|
+
font-size: 12px; }
|
|
4967
4967
|
.next-input.next-small input::-moz-placeholder {
|
|
4968
|
-
font-size:
|
|
4968
|
+
font-size: 12px; }
|
|
4969
4969
|
.next-input.next-small input::-ms-input-placeholder {
|
|
4970
|
-
font-size:
|
|
4970
|
+
font-size: 12px; }
|
|
4971
4971
|
.next-input.next-small input::placeholder {
|
|
4972
|
-
font-size:
|
|
4972
|
+
font-size: 12px; }
|
|
4973
4973
|
.next-input.next-small .next-input-text-field {
|
|
4974
4974
|
padding: 0 8px;
|
|
4975
|
-
font-size:
|
|
4975
|
+
font-size: 12px;
|
|
4976
4976
|
height: 22px;
|
|
4977
4977
|
line-height: 22px; }
|
|
4978
4978
|
.next-input.next-small .next-icon:before,
|
|
@@ -5135,8 +5135,8 @@ small {
|
|
|
5135
5135
|
-webkit-box-shadow: none;
|
|
5136
5136
|
box-shadow: none; }
|
|
5137
5137
|
.next-input-control .next-input-len {
|
|
5138
|
-
font-size:
|
|
5139
|
-
line-height:
|
|
5138
|
+
font-size: 12px;
|
|
5139
|
+
line-height: 12px;
|
|
5140
5140
|
color: #999999;
|
|
5141
5141
|
display: table-cell;
|
|
5142
5142
|
width: 1px;
|
|
@@ -5313,7 +5313,7 @@ small {
|
|
|
5313
5313
|
border-color: #d9d9d9;
|
|
5314
5314
|
background-color: whitesmoke; }
|
|
5315
5315
|
.next-input-group-text.next-small {
|
|
5316
|
-
font-size:
|
|
5316
|
+
font-size: 12px;
|
|
5317
5317
|
border-radius: 6px; }
|
|
5318
5318
|
.next-input-group-text.next-medium {
|
|
5319
5319
|
font-size: 14px;
|
|
@@ -5697,14 +5697,14 @@ small {
|
|
|
5697
5697
|
.next-calendar-range .next-calendar-th {
|
|
5698
5698
|
text-align: center;
|
|
5699
5699
|
color: #999999;
|
|
5700
|
-
font-size:
|
|
5700
|
+
font-size: 12px;
|
|
5701
5701
|
font-weight: normal; }
|
|
5702
5702
|
|
|
5703
5703
|
.next-calendar-card .next-calendar-cell,
|
|
5704
5704
|
.next-calendar-panel .next-calendar-cell,
|
|
5705
5705
|
.next-calendar-range .next-calendar-cell {
|
|
5706
5706
|
text-align: center;
|
|
5707
|
-
font-size:
|
|
5707
|
+
font-size: 12px; }
|
|
5708
5708
|
.next-calendar-card .next-calendar-cell.next-selected .next-calendar-date,
|
|
5709
5709
|
.next-calendar-card .next-calendar-cell.next-selected .next-calendar-month,
|
|
5710
5710
|
.next-calendar-card .next-calendar-cell.next-selected .next-calendar-year,
|
|
@@ -6013,7 +6013,7 @@ small {
|
|
|
6013
6013
|
font-size: 18px;
|
|
6014
6014
|
font-weight: normal; }
|
|
6015
6015
|
.next-card-subtitle {
|
|
6016
|
-
font-size:
|
|
6016
|
+
font-size: 12px;
|
|
6017
6017
|
color: rgba(0, 0, 0, 0.75);
|
|
6018
6018
|
padding-left: 8px; }
|
|
6019
6019
|
.next-card-extra {
|
|
@@ -6078,7 +6078,7 @@ small {
|
|
|
6078
6078
|
font-weight: normal;
|
|
6079
6079
|
line-height: 1.5; }
|
|
6080
6080
|
.next-card-header-subtitle {
|
|
6081
|
-
font-size:
|
|
6081
|
+
font-size: 12px;
|
|
6082
6082
|
color: rgba(0, 0, 0, 0.75); }
|
|
6083
6083
|
.next-card-actions {
|
|
6084
6084
|
display: block;
|
|
@@ -6598,7 +6598,7 @@ small {
|
|
|
6598
6598
|
cursor: default;
|
|
6599
6599
|
height: 28px;
|
|
6600
6600
|
line-height: 28px;
|
|
6601
|
-
font-size:
|
|
6601
|
+
font-size: 12px;
|
|
6602
6602
|
font-weight: normal;
|
|
6603
6603
|
color: #999999;
|
|
6604
6604
|
background: #FFFFFF; }
|
|
@@ -6608,7 +6608,7 @@ small {
|
|
|
6608
6608
|
list-style: none;
|
|
6609
6609
|
margin: 0;
|
|
6610
6610
|
padding: 0;
|
|
6611
|
-
font-size:
|
|
6611
|
+
font-size: 12px;
|
|
6612
6612
|
height: 196px; }
|
|
6613
6613
|
.next-time-picker-menu-item {
|
|
6614
6614
|
cursor: pointer;
|
|
@@ -6695,7 +6695,7 @@ small {
|
|
|
6695
6695
|
text-align: center;
|
|
6696
6696
|
color: rgba(0, 0, 0, 0.4);
|
|
6697
6697
|
width: 16px;
|
|
6698
|
-
font-size:
|
|
6698
|
+
font-size: 12px;
|
|
6699
6699
|
vertical-align: middle; }
|
|
6700
6700
|
|
|
6701
6701
|
.next-date-picker,
|
|
@@ -11675,7 +11675,7 @@ small {
|
|
|
11675
11675
|
font-size: 14px;
|
|
11676
11676
|
line-height: 28px; }
|
|
11677
11677
|
.next-form-preview.next-form-item.next-small .next-form-item-label {
|
|
11678
|
-
font-size:
|
|
11678
|
+
font-size: 12px;
|
|
11679
11679
|
line-height: 20px; }
|
|
11680
11680
|
.next-form-preview.next-form-item.next-large .next-form-item-label {
|
|
11681
11681
|
font-size: 18px;
|
|
@@ -11694,8 +11694,8 @@ small {
|
|
|
11694
11694
|
gap: 16px; }
|
|
11695
11695
|
.next-form-responsive-grid.next-small .next-form-item.next-left .next-form-item-label {
|
|
11696
11696
|
line-height: 1.4;
|
|
11697
|
-
margin-top:
|
|
11698
|
-
margin-bottom:
|
|
11697
|
+
margin-top: 6px;
|
|
11698
|
+
margin-bottom: 6px; }
|
|
11699
11699
|
.next-form-responsive-grid.next-medium .next-responsive-grid {
|
|
11700
11700
|
gap: 20px; }
|
|
11701
11701
|
.next-form-responsive-grid.next-medium .next-form-item.next-left .next-form-item-label {
|
|
@@ -11773,16 +11773,16 @@ small {
|
|
|
11773
11773
|
.next-form-item.next-small .next-radio-group {
|
|
11774
11774
|
line-height: 24px; }
|
|
11775
11775
|
.next-form-item.next-small .next-form-preview {
|
|
11776
|
-
font-size:
|
|
11776
|
+
font-size: 12px;
|
|
11777
11777
|
line-height: 20px; }
|
|
11778
11778
|
.next-form-item.next-small .next-form-preview.next-input-textarea > p {
|
|
11779
|
-
font-size:
|
|
11779
|
+
font-size: 12px;
|
|
11780
11780
|
text-align: justify;
|
|
11781
|
-
min-height:
|
|
11781
|
+
min-height: 16.8px;
|
|
11782
11782
|
line-height: 1.4;
|
|
11783
|
-
margin-top:
|
|
11783
|
+
margin-top: 1.6px; }
|
|
11784
11784
|
.next-form-item.next-small .next-form-item-label {
|
|
11785
|
-
font-size:
|
|
11785
|
+
font-size: 12px; }
|
|
11786
11786
|
.next-form-item.next-top > .next-form-item-label {
|
|
11787
11787
|
margin-bottom: 2px; }
|
|
11788
11788
|
.next-form-item.next-inset .next-form-item-label {
|
|
@@ -12559,27 +12559,27 @@ small {
|
|
|
12559
12559
|
content: ''; }
|
|
12560
12560
|
.next-nav.next-hoz {
|
|
12561
12561
|
padding: 0;
|
|
12562
|
-
height:
|
|
12563
|
-
line-height:
|
|
12562
|
+
height: 48px;
|
|
12563
|
+
line-height: 32px;
|
|
12564
12564
|
font-size: 14px; }
|
|
12565
12565
|
.next-nav.next-hoz .next-menu-item.next-nav-item {
|
|
12566
12566
|
margin-left: 0px;
|
|
12567
12567
|
margin-right: 0px;
|
|
12568
12568
|
padding: 0 20px;
|
|
12569
|
-
border-radius:
|
|
12569
|
+
border-radius: 8px; }
|
|
12570
12570
|
.next-nav.next-hoz .next-menu-item,
|
|
12571
12571
|
.next-nav.next-hoz .next-menu-sub-menu-wrapper > .next-menu-item {
|
|
12572
|
-
margin-top:
|
|
12573
|
-
margin-bottom:
|
|
12572
|
+
margin-top: 8px;
|
|
12573
|
+
margin-bottom: 8px; }
|
|
12574
12574
|
.next-nav.next-hoz .next-menu-item-inner {
|
|
12575
|
-
height:
|
|
12575
|
+
height: 32px;
|
|
12576
12576
|
font-size: 14px; }
|
|
12577
12577
|
.next-nav.next-hoz .next-menu-item.next-nav-item.next-nav-with-title {
|
|
12578
12578
|
line-height: 1;
|
|
12579
12579
|
padding: 12px 8px; }
|
|
12580
12580
|
.next-nav.next-hoz .next-menu-item.next-nav-item.next-nav-with-title .next-menu-item-inner {
|
|
12581
12581
|
height: auto;
|
|
12582
|
-
min-height:
|
|
12582
|
+
min-height: 32px; }
|
|
12583
12583
|
.next-nav.next-hoz .next-menu-item.next-nav-item.next-nav-with-title .next-nav-text {
|
|
12584
12584
|
display: block;
|
|
12585
12585
|
line-height: 1;
|
|
@@ -12592,10 +12592,10 @@ small {
|
|
|
12592
12592
|
font-size: 14px; }
|
|
12593
12593
|
.next-nav.next-hoz .next-menu-header {
|
|
12594
12594
|
float: left;
|
|
12595
|
-
height:
|
|
12595
|
+
height: 32px; }
|
|
12596
12596
|
.next-nav.next-hoz .next-menu-footer {
|
|
12597
12597
|
float: right;
|
|
12598
|
-
height:
|
|
12598
|
+
height: 32px; }
|
|
12599
12599
|
.next-nav.next-hoz .next-nav-item:before {
|
|
12600
12600
|
width: 0;
|
|
12601
12601
|
left: 50%;
|
|
@@ -12656,7 +12656,7 @@ small {
|
|
|
12656
12656
|
line-height: 44px; }
|
|
12657
12657
|
.next-nav.next-ver .next-menu-sub-menu .next-menu-item-inner {
|
|
12658
12658
|
height: 44px;
|
|
12659
|
-
font-size:
|
|
12659
|
+
font-size: 12px; }
|
|
12660
12660
|
.next-nav.next-ver .next-nav-item:before {
|
|
12661
12661
|
height: 0;
|
|
12662
12662
|
top: 50%;
|
|
@@ -12675,20 +12675,20 @@ small {
|
|
|
12675
12675
|
width: 2px; }
|
|
12676
12676
|
.next-nav.next-primary {
|
|
12677
12677
|
border-width: 0px;
|
|
12678
|
-
background: #
|
|
12678
|
+
background: #000a24;
|
|
12679
12679
|
border-color: transparent;
|
|
12680
12680
|
color: rgba(255, 255, 255, 0.65);
|
|
12681
|
-
font-weight:
|
|
12681
|
+
font-weight: normal;
|
|
12682
12682
|
-webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
|
12683
12683
|
box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12); }
|
|
12684
12684
|
.next-nav.next-primary.next-hoz {
|
|
12685
|
-
line-height:
|
|
12686
|
-
line-height:
|
|
12685
|
+
line-height: 32px;
|
|
12686
|
+
line-height: 32px; }
|
|
12687
12687
|
.next-nav.next-primary.next-hoz .next-menu-header,
|
|
12688
12688
|
.next-nav.next-primary.next-hoz .next-menu-footer,
|
|
12689
12689
|
.next-nav.next-primary.next-hoz .next-menu-item-inner {
|
|
12690
|
-
line-height:
|
|
12691
|
-
height:
|
|
12690
|
+
line-height: 32px;
|
|
12691
|
+
height: 32px; }
|
|
12692
12692
|
.next-nav.next-primary.next-hoz.next-top .next-nav-item:before {
|
|
12693
12693
|
top: 0;
|
|
12694
12694
|
top: 0px; }
|
|
@@ -12702,16 +12702,16 @@ small {
|
|
|
12702
12702
|
right: 0;
|
|
12703
12703
|
right: 0px; }
|
|
12704
12704
|
.next-nav.next-primary .next-nav-item.next-menu-item {
|
|
12705
|
-
background: #
|
|
12705
|
+
background: #000a24;
|
|
12706
12706
|
color: rgba(255, 255, 255, 0.65); }
|
|
12707
12707
|
.next-nav.next-primary .next-nav-item.next-menu-item.next-focused, .next-nav.next-primary .next-nav-item.next-menu-item:hover {
|
|
12708
12708
|
background: transparent;
|
|
12709
12709
|
color: #FFFFFF;
|
|
12710
|
-
font-weight:
|
|
12710
|
+
font-weight: 500; }
|
|
12711
12711
|
.next-nav.next-primary .next-nav-item.next-menu-item.next-selected {
|
|
12712
12712
|
background: #257df9;
|
|
12713
12713
|
color: #FFFFFF;
|
|
12714
|
-
font-weight:
|
|
12714
|
+
font-weight: 500; }
|
|
12715
12715
|
.next-nav.next-primary .next-nav-item.next-menu-item.next-selected.next-nav-item {
|
|
12716
12716
|
background: #257df9;
|
|
12717
12717
|
color: #FFFFFF; }
|
|
@@ -12768,10 +12768,10 @@ small {
|
|
|
12768
12768
|
-webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
|
12769
12769
|
box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12); }
|
|
12770
12770
|
.next-nav.next-secondary.next-hoz {
|
|
12771
|
-
line-height:
|
|
12772
|
-
line-height:
|
|
12771
|
+
line-height: 32px;
|
|
12772
|
+
line-height: 32px; }
|
|
12773
12773
|
.next-nav.next-secondary.next-hoz .next-menu-header,
|
|
12774
12774
|
.next-nav.next-secondary.next-hoz .next-menu-footer,
|
|
12775
12775
|
.next-nav.next-secondary.next-hoz .next-menu-item-inner {
|
|
12776
|
-
line-height:
|
|
12777
|
-
height:
|
|
12776
|
+
line-height: 32px;
|
|
12777
|
+
height: 32px; }
|