@alifd/theme-panda 0.1.2 → 0.2.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/design-token.js +1 -1
- package/dist/next-1.css +24 -24
- package/dist/next-2.css +35 -35
- package/dist/next-noreset-1.css +24 -24
- package/dist/next-noreset-2.css +35 -35
- package/dist/next-noreset.css +58 -58
- 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 +47 -47
- package/dist/next-noreset.var-2.css +69 -69
- package/dist/next-noreset.var.css +115 -115
- 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 +58 -58
- 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 +47 -47
- package/dist/next.var-2.css +69 -69
- package/dist/next.var.css +115 -115
- 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 +71 -59
- package/variables.js +6 -0
- package/variables.less +21 -18
- package/variables.scss +21 -18
- package/variables.scss2css.scss +61 -52
package/dist/next-noreset.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @alifd/theme-panda@0.
|
|
2
|
+
* @alifd/theme-panda@0.2.0 (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)
|
|
@@ -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 {
|
|
@@ -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%;
|
|
@@ -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; }
|
|
@@ -17008,7 +17008,7 @@
|
|
|
17008
17008
|
padding-right: 60px; }
|
|
17009
17009
|
.next-tabs.next-medium .next-tabs-tab-inner {
|
|
17010
17010
|
font-size: 14px;
|
|
17011
|
-
padding:
|
|
17011
|
+
padding: 16px 16px; }
|
|
17012
17012
|
.next-tabs.next-medium .next-tabs-tab-inner .next-icon {
|
|
17013
17013
|
line-height: 1; }
|
|
17014
17014
|
.next-tabs.next-medium .next-tabs-tab-inner .next-icon:before,
|
|
@@ -20681,25 +20681,25 @@ h6.next-typography-title {
|
|
|
20681
20681
|
-webkit-box-sizing: border-box;
|
|
20682
20682
|
box-sizing: border-box;
|
|
20683
20683
|
position: relative;
|
|
20684
|
-
border-top-left-radius:
|
|
20685
|
-
border-top-right-radius:
|
|
20686
|
-
border-bottom-left-radius:
|
|
20687
|
-
border-bottom-right-radius:
|
|
20688
|
-
border-top: 1px solid
|
|
20689
|
-
border-left: 1px solid
|
|
20684
|
+
border-top-left-radius: 8px;
|
|
20685
|
+
border-top-right-radius: 8px;
|
|
20686
|
+
border-bottom-left-radius: 0px;
|
|
20687
|
+
border-bottom-right-radius: 0px;
|
|
20688
|
+
border-top: 1px solid rgba(0, 0, 0, 0.08);
|
|
20689
|
+
border-left: 1px solid rgba(0, 0, 0, 0.08); }
|
|
20690
20690
|
.next-table *,
|
|
20691
20691
|
.next-table *:before,
|
|
20692
20692
|
.next-table *:after {
|
|
20693
20693
|
-webkit-box-sizing: border-box;
|
|
20694
20694
|
box-sizing: border-box; }
|
|
20695
20695
|
.next-table .next-table-header tr:first-child th:first-child {
|
|
20696
|
-
border-top-left-radius:
|
|
20696
|
+
border-top-left-radius: 8px; }
|
|
20697
20697
|
.next-table .next-table-header tr:first-child th:last-child {
|
|
20698
|
-
border-top-right-radius:
|
|
20698
|
+
border-top-right-radius: 8px; }
|
|
20699
20699
|
.next-table .next-table-header tr:last-child th:first-child {
|
|
20700
|
-
border-bottom-left-radius:
|
|
20700
|
+
border-bottom-left-radius: 0px; }
|
|
20701
20701
|
.next-table .next-table-header tr:last-child th:last-child {
|
|
20702
|
-
border-bottom-right-radius:
|
|
20702
|
+
border-bottom-right-radius: 0px; }
|
|
20703
20703
|
.next-table.next-table-layout-fixed {
|
|
20704
20704
|
overflow: auto; }
|
|
20705
20705
|
.next-table.next-table-layout-fixed table {
|
|
@@ -20717,20 +20717,20 @@ h6.next-typography-title {
|
|
|
20717
20717
|
border-spacing: 0;
|
|
20718
20718
|
width: 100%;
|
|
20719
20719
|
background: #FFFFFF;
|
|
20720
|
-
border-top-left-radius:
|
|
20721
|
-
border-top-right-radius:
|
|
20722
|
-
border-bottom-left-radius:
|
|
20723
|
-
border-bottom-right-radius:
|
|
20720
|
+
border-top-left-radius: 8px;
|
|
20721
|
+
border-top-right-radius: 8px;
|
|
20722
|
+
border-bottom-left-radius: 0px;
|
|
20723
|
+
border-bottom-right-radius: 0px; }
|
|
20724
20724
|
.next-table table tr:first-child td {
|
|
20725
20725
|
border-top-width: 0; }
|
|
20726
20726
|
.next-table th {
|
|
20727
20727
|
padding: 0;
|
|
20728
|
-
background: #
|
|
20728
|
+
background: #f8f9fb;
|
|
20729
20729
|
color: #2e3038;
|
|
20730
20730
|
text-align: left;
|
|
20731
20731
|
font-weight: 500;
|
|
20732
|
-
border-right: 1px solid
|
|
20733
|
-
border-bottom: 1px solid
|
|
20732
|
+
border-right: 1px solid rgba(0, 0, 0, 0.08);
|
|
20733
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
|
|
20734
20734
|
.next-table th .next-table-cell-wrapper {
|
|
20735
20735
|
padding: 12px 16px;
|
|
20736
20736
|
overflow: hidden;
|
|
@@ -20775,8 +20775,8 @@ h6.next-typography-title {
|
|
|
20775
20775
|
z-index: -1; }
|
|
20776
20776
|
.next-table td {
|
|
20777
20777
|
padding: 0;
|
|
20778
|
-
border-right: 1px solid
|
|
20779
|
-
border-bottom: 1px solid
|
|
20778
|
+
border-right: 1px solid rgba(0, 0, 0, 0.08);
|
|
20779
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
|
|
20780
20780
|
.next-table td .next-table-cell-wrapper {
|
|
20781
20781
|
padding: 16px 16px;
|
|
20782
20782
|
overflow: hidden;
|
|
@@ -20855,7 +20855,7 @@ h6.next-typography-title {
|
|
|
20855
20855
|
border-top: 0;
|
|
20856
20856
|
border-left: 0; }
|
|
20857
20857
|
.next-table-expanded-row .next-table th, .next-table-expanded-row .next-table td {
|
|
20858
|
-
border-right: 1px solid
|
|
20858
|
+
border-right: 1px solid rgba(0, 0, 0, 0.08); }
|
|
20859
20859
|
.next-table-expanded-row .next-table.only-bottom-border th, .next-table-expanded-row .next-table.only-bottom-border td {
|
|
20860
20860
|
border-right: 0; }
|
|
20861
20861
|
.next-table-expanded-row .next-table .last td {
|
|
@@ -20911,10 +20911,10 @@ h6.next-typography-title {
|
|
|
20911
20911
|
.next-table-header {
|
|
20912
20912
|
margin-bottom: -20px;
|
|
20913
20913
|
padding-bottom: 20px;
|
|
20914
|
-
border-top-left-radius:
|
|
20915
|
-
border-top-right-radius:
|
|
20916
|
-
border-bottom-left-radius:
|
|
20917
|
-
border-bottom-right-radius:
|
|
20914
|
+
border-top-left-radius: 8px;
|
|
20915
|
+
border-top-right-radius: 8px;
|
|
20916
|
+
border-bottom-left-radius: 0px;
|
|
20917
|
+
border-bottom-right-radius: 0px;
|
|
20918
20918
|
overflow: -moz-scrollbars-none;
|
|
20919
20919
|
-ms-overflow-style: none;
|
|
20920
20920
|
scrollbar-width: none; }
|
|
@@ -20926,12 +20926,12 @@ h6.next-typography-title {
|
|
|
20926
20926
|
position: relative; }
|
|
20927
20927
|
|
|
20928
20928
|
.next-table-fixed {
|
|
20929
|
-
border-right: 1px solid
|
|
20930
|
-
border-bottom: 1px solid
|
|
20929
|
+
border-right: 1px solid rgba(0, 0, 0, 0.08);
|
|
20930
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
|
|
20931
20931
|
.next-table-fixed table {
|
|
20932
20932
|
table-layout: fixed; }
|
|
20933
20933
|
.next-table-fixed .next-table-header {
|
|
20934
|
-
background: #
|
|
20934
|
+
background: #f8f9fb; }
|
|
20935
20935
|
.next-table-fixed table tr td:first-child,
|
|
20936
20936
|
.next-table-fixed table tr th:first-child {
|
|
20937
20937
|
border-left-width: 0; }
|
|
@@ -20983,16 +20983,16 @@ h6.next-typography-title {
|
|
|
20983
20983
|
.next-table-group .next-table-body {
|
|
20984
20984
|
margin-top: 8px; }
|
|
20985
20985
|
.next-table-group .next-table-body table {
|
|
20986
|
-
border-top: 1px solid
|
|
20987
|
-
border-left: 1px solid
|
|
20986
|
+
border-top: 1px solid rgba(0, 0, 0, 0.08);
|
|
20987
|
+
border-left: 1px solid rgba(0, 0, 0, 0.08);
|
|
20988
20988
|
margin-bottom: 8px; }
|
|
20989
20989
|
.next-table-group .next-table-body table tr:first-child td {
|
|
20990
20990
|
border-top-width: 1px; }
|
|
20991
20991
|
.next-table-group .next-table-body table:last-of-type {
|
|
20992
20992
|
margin-bottom: 0; }
|
|
20993
20993
|
.next-table-group .next-table-header table {
|
|
20994
|
-
border-top: 1px solid
|
|
20995
|
-
border-left: 1px solid
|
|
20994
|
+
border-top: 1px solid rgba(0, 0, 0, 0.08);
|
|
20995
|
+
border-left: 1px solid rgba(0, 0, 0, 0.08); }
|
|
20996
20996
|
.next-table-group .next-table-group-header td {
|
|
20997
20997
|
background: #fafafa;
|
|
20998
20998
|
color: #2e3038; }
|
|
@@ -21026,8 +21026,8 @@ h6.next-typography-title {
|
|
|
21026
21026
|
|
|
21027
21027
|
.next-table-header-fixer {
|
|
21028
21028
|
content: " ";
|
|
21029
|
-
border-top-right-radius:
|
|
21030
|
-
border-bottom-right-radius:
|
|
21029
|
+
border-top-right-radius: 8px;
|
|
21030
|
+
border-bottom-right-radius: 0px;
|
|
21031
21031
|
width: 15px;
|
|
21032
21032
|
background: inherit;
|
|
21033
21033
|
position: absolute;
|