Skip to content

Commit 14dfeba

Browse files
tangjinzhoutangjinzhou
committed
feat: update style to 3.11.6
1 parent 9eb923c commit 14dfeba

File tree

96 files changed

+1242
-1048
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

96 files changed

+1242
-1048
lines changed

‎components/affix/style/index.less

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import "../../style/themes/default";
1+
@import '../../style/themes/default';
22

33
.@{ant-prefix}-affix {
44
position: fixed;

‎components/alert/style/index.less

Lines changed: 12 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
1-
@import "../../style/themes/default";
2-
@import "../../style/mixins/index";
1+
@import '../../style/themes/default';
2+
@import '../../style/mixins/index';
33

4-
@alert-prefix-cls: ~"@{ant-prefix}-alert";
4+
@alert-prefix-cls: ~'@{ant-prefix}-alert';
55

66
@alert-message-color: @heading-color;
77
@alert-text-color: @text-color;
88
@alert-close-color: @text-color-secondary;
9+
@alert-close-hover-color: #404040;
910

1011
.@{alert-prefix-cls} {
1112
.reset-component;
@@ -17,6 +18,10 @@
1718
padding: 8px 15px;
1819
}
1920

21+
&&-closable {
22+
padding-right: 30px;
23+
}
24+
2025
&-icon {
2126
top: 8px + @font-size-base * @line-height-base / 2 - @font-size-base / 2;
2227
left: 16px;
@@ -72,9 +77,9 @@
7277

7378
.@{iconfont-css-prefix}-close {
7479
color: @alert-close-color;
75-
transition: color .3s;
80+
transition: color 0.3s;
7681
&:hover {
77-
color: #404040;
82+
color: @alert-close-hover-color;
7883
}
7984
}
8085
}
@@ -127,12 +132,12 @@
127132
margin: 0;
128133
padding-top: 0;
129134
padding-bottom: 0;
130-
transition: all .3s @ease-in-out-circ;
135+
transition: all 0.3s @ease-in-out-circ;
131136
transform-origin: 50% 0;
132137
}
133138

134139
&-slide-up-leave {
135-
animation: antAlertSlideUpOut .3s @ease-in-out-circ;
140+
animation: antAlertSlideUpOut 0.3s @ease-in-out-circ;
136141
animation-fill-mode: both;
137142
}
138143

‎components/anchor/style/index.less

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
@import "../../style/themes/default";
2-
@import "../../style/mixins/index";
1+
@import '../../style/themes/default';
2+
@import '../../style/mixins/index';
33

44
@anchor-border-width: 2px;
55

@@ -38,7 +38,7 @@
3838
border: 2px solid @primary-color;
3939
background-color: @component-background;
4040
left: 50%;
41-
transition: top .3s ease-in-out;
41+
transition: top 0.3s ease-in-out;
4242
transform: translateX(-50%);
4343
&.visible {
4444
display: inline-block;
@@ -57,7 +57,7 @@
5757
&-title {
5858
display: block;
5959
position: relative;
60-
transition: all .3s;
60+
transition: all 0.3s;
6161
color: @text-color;
6262
white-space: nowrap;
6363
overflow: hidden;

‎components/auto-complete/style/index.less

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
1-
@import "../../style/themes/default";
2-
@import "../../style/mixins/index";
3-
@import "../../input/style/mixin";
1+
@import '../../style/themes/default';
2+
@import '../../style/mixins/index';
3+
@import '../../input/style/mixin';
44

5-
@input-prefix-cls: ~"@{ant-prefix}-input";
6-
@select-prefix-cls: ~"@{ant-prefix}-select";
7-
@autocomplete-prefix-cls: ~"@{select-prefix-cls}-auto-complete";
5+
@input-prefix-cls: ~'@{ant-prefix}-input';
6+
@select-prefix-cls: ~'@{ant-prefix}-select';
7+
@autocomplete-prefix-cls: ~'@{select-prefix-cls}-auto-complete';
88

99
.@{autocomplete-prefix-cls} {
1010
.reset-component;

‎components/avatar/style/index.less

Lines changed: 3 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
@import "../../style/themes/default";
2-
@import "../../style/mixins/index";
1+
@import '../../style/themes/default';
2+
@import '../../style/mixins/index';
33

4-
@avatar-prefix-cls: ~"@{ant-prefix}-avatar";
4+
@avatar-prefix-cls: ~'@{ant-prefix}-avatar';
55

66
.@{avatar-prefix-cls} {
77
.reset-component;
@@ -45,10 +45,6 @@
4545
line-height: @size;
4646
border-radius: 50%;
4747

48-
& > * {
49-
line-height: @size;
50-
}
51-
5248
&-string {
5349
position: absolute;
5450
left: 50%;

‎components/back-top/style/index.less

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
@import "../../style/themes/default";
2-
@import "../../style/mixins/index";
1+
@import '../../style/themes/default';
2+
@import '../../style/mixins/index';
33

4-
@backtop-prefix-cls: ~"@{ant-prefix}-back-top";
4+
@backtop-prefix-cls: ~'@{ant-prefix}-back-top';
55

66
.@{backtop-prefix-cls} {
77
.reset-component;
@@ -20,20 +20,21 @@
2020
background-color: @back-top-bg;
2121
color: @back-top-color;
2222
text-align: center;
23-
transition: all .3s @ease-in-out;
23+
transition: all 0.3s @ease-in-out;
2424
overflow: hidden;
2525

2626
&:hover {
2727
background-color: @back-top-hover-bg;
28-
transition: all .3s @ease-in-out;
28+
transition: all 0.3s @ease-in-out;
2929
}
3030
}
3131

3232
&-icon {
3333
margin: 12px auto;
3434
width: 14px;
3535
height: 16px;
36-
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAABGdBTUEAALGPC/xhBQAAAbtJREFUWAntmMtKw0AUhhMvS5cuxILgQlRUpIggIoKIIoigG1eC+AA+jo+i6FIXBfeuXIgoeKVeitVWJX5HWhhDksnUpp3FDPyZk3Nm5nycmZKkXhAEOXSA3lG7muTeRzmfy6HneUvIhnYkQK+Q9NhAA0Opg0vBEhjBKHiyb8iGMyQMOYuK41BcBSypAL+MYXSKjtFAW7EAGEO3qN4uMQbbAkXiSfRQJ1H6a+yhlkKRcAoVFYiweYNjtCVQJJpBz2GCiPt7fBOZQpFgDpUikse5HgnkM4Fi4QX0Fpc5wf9EbLqpUCy4jMoJSXWhFwbMNgWKhVbRhy5jirhs9fy/oFhgHVVTJEs7RLZ8sSEoJm6iz7SZDMbJ+/OKERQTttCXQRLToRUmrKWCYuA2+jbN0MB4OQobYShfdTCgn/sL1K36M7TLrN3n+758aPy2rrpR6+/od5E8tf/A1uLS9aId5T7J3CNYihkQ4D9PiMdMC7mp4rjB9kjFjZp8BlnVHJBuO1yFXIV0FdDF3RlyFdJVQBdv5AxVdIsq8apiZ2PyYO1EVykesGfZEESsCkweyR8MUW+V8uJ1gkYipmpdP1pm2aJVPEGzAAAAAElFTkSuQmCC) ~"100%/100%" no-repeat;
36+
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAABGdBTUEAALGPC/xhBQAAAbtJREFUWAntmMtKw0AUhhMvS5cuxILgQlRUpIggIoKIIoigG1eC+AA+jo+i6FIXBfeuXIgoeKVeitVWJX5HWhhDksnUpp3FDPyZk3Nm5nycmZKkXhAEOXSA3lG7muTeRzmfy6HneUvIhnYkQK+Q9NhAA0Opg0vBEhjBKHiyb8iGMyQMOYuK41BcBSypAL+MYXSKjtFAW7EAGEO3qN4uMQbbAkXiSfRQJ1H6a+yhlkKRcAoVFYiweYNjtCVQJJpBz2GCiPt7fBOZQpFgDpUikse5HgnkM4Fi4QX0Fpc5wf9EbLqpUCy4jMoJSXWhFwbMNgWKhVbRhy5jirhs9fy/oFhgHVVTJEs7RLZ8sSEoJm6iz7SZDMbJ+/OKERQTttCXQRLToRUmrKWCYuA2+jbN0MB4OQobYShfdTCgn/sL1K36M7TLrN3n+758aPy2rrpR6+/od5E8tf/A1uLS9aId5T7J3CNYihkQ4D9PiMdMC7mp4rjB9kjFjZp8BlnVHJBuO1yFXIV0FdDF3RlyFdJVQBdv5AxVdIsq8apiZ2PyYO1EVykesGfZEESsCkweyR8MUW+V8uJ1gkYipmpdP1pm2aJVPEGzAAAAAElFTkSuQmCC)
37+
~'100%/100%' no-repeat;
3738
}
3839
}
3940

‎components/badge/style/index.less

Lines changed: 14 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
@import "../../style/themes/default";
2-
@import "../../style/mixins/index";
1+
@import '../../style/themes/default';
2+
@import '../../style/mixins/index';
33

4-
@badge-prefix-cls: ~"@{ant-prefix}-badge";
5-
@number-prefix-cls: ~"@{ant-prefix}-scroll-number";
4+
@badge-prefix-cls: ~'@{ant-prefix}-badge';
5+
@number-prefix-cls: ~'@{ant-prefix}-scroll-number';
66

77
.@{badge-prefix-cls} {
88
.reset-component;
@@ -47,13 +47,18 @@
4747
}
4848

4949
&-count,
50-
&-dot {
50+
&-dot,
51+
.@{number-prefix-cls}-custom-component {
5152
position: absolute;
5253
right: 0;
5354
transform: translateX(50%);
5455
transform-origin: 100%;
5556
}
5657

58+
.@{number-prefix-cls}-custom-component {
59+
transform: translate(50%, -50%);
60+
}
61+
5762
&-status {
5863
line-height: inherit;
5964
vertical-align: baseline;
@@ -81,7 +86,7 @@
8186
height: 100%;
8287
border-radius: 50%;
8388
border: 1px solid @processing-color;
84-
content: "";
89+
content: '';
8590
animation: antStatusProcessing 1.2s infinite ease-in-out;
8691
}
8792
}
@@ -103,12 +108,12 @@
103108

104109
&-zoom-appear,
105110
&-zoom-enter {
106-
animation: antZoomBadgeIn .3s @ease-out-back;
111+
animation: antZoomBadgeIn 0.3s @ease-out-back;
107112
animation-fill-mode: both;
108113
}
109114

110115
&-zoom-leave {
111-
animation: antZoomBadgeOut .3s @ease-in-back;
116+
animation: antZoomBadgeOut 0.3s @ease-in-back;
112117
animation-fill-mode: both;
113118
}
114119

@@ -142,7 +147,7 @@
142147
overflow: hidden;
143148
&-only {
144149
display: inline-block;
145-
transition: all .3s @ease-in-out;
150+
transition: all 0.3s @ease-in-out;
146151
height: @badge-height;
147152
> p {
148153
height: @badge-height;

‎components/breadcrumb/style/index.less

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
@import "../../style/themes/default";
2-
@import "../../style/mixins/index";
1+
@import '../../style/themes/default';
2+
@import '../../style/mixins/index';
33

4-
@breadcrumb-prefix-cls: ~"@{ant-prefix}-breadcrumb";
4+
@breadcrumb-prefix-cls: ~'@{ant-prefix}-breadcrumb';
55

66
.@{breadcrumb-prefix-cls} {
77
.reset-component;
@@ -14,7 +14,7 @@
1414

1515
a {
1616
color: @breadcrumb-link-color;
17-
transition: color .3s;
17+
transition: color 0.3s;
1818
&:hover {
1919
color: @breadcrumb-link-color-hover;
2020
}

‎components/button/style/index.less

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
@import "../../style/themes/default";
2-
@import "../../style/mixins/index";
3-
@import "./mixin";
1+
@import '../../style/themes/default';
2+
@import '../../style/mixins/index';
3+
@import './mixin';
44

5-
@btn-prefix-cls: ~"@{ant-prefix}-btn";
5+
@btn-prefix-cls: ~'@{ant-prefix}-btn';
66

77
// for compatible
88
@btn-ghost-color: @text-color;
@@ -82,16 +82,16 @@
8282
right: -1px;
8383
background: #fff;
8484
opacity: 0.35;
85-
content: "";
85+
content: '';
8686
border-radius: inherit;
8787
z-index: 1;
88-
transition: opacity .2s;
88+
transition: opacity 0.2s;
8989
pointer-events: none;
9090
display: none;
9191
}
9292

9393
.@{iconfont-css-prefix} {
94-
transition: margin-left .3s @ease-in-out;
94+
transition: margin-left 0.3s @ease-in-out;
9595
}
9696

9797
&&-loading:before {
@@ -102,7 +102,7 @@
102102
padding-left: 29px;
103103
pointer-events: none;
104104
position: relative;
105-
.@{iconfont-css-prefix} {
105+
.@{iconfont-css-prefix}:not(:last-child) {
106106
margin-left: -14px;
107107
}
108108
}
@@ -150,12 +150,12 @@
150150
}
151151

152152
&-two-chinese-chars:first-letter {
153-
letter-spacing: .34em;
153+
letter-spacing: 0.34em;
154154
}
155155

156156
&-two-chinese-chars > *:not(.@{iconfont-css-prefix}) {
157-
letter-spacing: .34em;
158-
margin-right: -.34em;
157+
letter-spacing: 0.34em;
158+
margin-right: -0.34em;
159159
}
160160

161161
&-block {

‎components/button/style/mixin.less

Lines changed: 20 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -24,17 +24,21 @@
2424

2525
.button-variant-primary(@color; @background) {
2626
.button-color(@color; @background; @background);
27-
text-shadow: 0 -1px 0 rgba(0, 0, 0, .12);
28-
box-shadow: 0 2px 0 rgba(0, 0, 0, .045);
27+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
28+
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
2929

3030
&:hover,
3131
&:focus {
32-
.button-color(@color; ~`colorPalette("@{background}", 5)`; ~`colorPalette("@{background}", 5)`);
32+
.button-color(
33+
@color; ~`colorPalette('@{background}', 5) `; ~`colorPalette('@{background}', 5) `
34+
);
3335
}
3436

3537
&:active,
3638
&.active {
37-
.button-color(@color; ~`colorPalette("@{background}", 7)`; ~`colorPalette("@{background}", 7)`);
39+
.button-color(
40+
@color; ~`colorPalette('@{background}', 7) `; ~`colorPalette('@{background}', 7) `
41+
);
3842
}
3943

4044
.button-disabled();
@@ -60,16 +64,20 @@
6064
.button-color(@color; @background; @border);
6165

6266
&:hover {
63-
.button-color(@btn-primary-color; ~`colorPalette("@{color}", 5)`; ~`colorPalette("@{color}", 5)`);
67+
.button-color(
68+
@btn-primary-color; ~`colorPalette('@{color}', 5) `; ~`colorPalette('@{color}', 5) `
69+
);
6470
}
6571

6672
&:focus {
67-
.button-color(~`colorPalette("@{color}", 5)`; #fff; ~`colorPalette("@{color}", 5)`);
73+
.button-color(~`colorPalette('@{color}', 5) `; #fff; ~`colorPalette('@{color}', 5) `);
6874
}
6975

7076
&:active,
7177
&.active {
72-
.button-color(@btn-primary-color; ~`colorPalette("@{color}", 7)`; ~`colorPalette("@{color}", 7)`);
78+
.button-color(
79+
@btn-primary-color; ~`colorPalette('@{color}', 7) `; ~`colorPalette('@{color}', 7) `
80+
);
7381
}
7482

7583
.button-disabled();
@@ -81,12 +89,12 @@
8189

8290
&:hover,
8391
&:focus {
84-
.button-color(~`colorPalette("@{color}", 5)`; transparent; ~`colorPalette("@{color}", 5)`);
92+
.button-color(~`colorPalette('@{color}', 5) `; transparent; ~`colorPalette('@{color}', 5) `);
8593
}
8694

8795
&:active,
8896
&.active {
89-
.button-color(~`colorPalette("@{color}", 7)`; transparent; ~`colorPalette("@{color}", 7)`);
97+
.button-color(~`colorPalette('@{color}', 7) `; transparent; ~`colorPalette('@{color}', 7) `);
9098
}
9199

92100
.button-disabled();
@@ -101,7 +109,7 @@
101109
> a:only-child {
102110
color: currentColor;
103111
&:after {
104-
content: "";
112+
content: '';
105113
position: absolute;
106114
top: 0;
107115
left: 0;
@@ -161,9 +169,9 @@
161169
white-space: nowrap;
162170
.button-size(@btn-height-base; @btn-padding-base; @font-size-base; @btn-border-radius-base);
163171
user-select: none;
164-
transition: all .3s @ease-in-out;
172+
transition: all 0.3s @ease-in-out;
165173
position: relative;
166-
box-shadow: 0 2px 0 rgba(0, 0, 0, .015);
174+
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
167175

168176
> .@{iconfont-css-prefix} {
169177
line-height: 1;

0 commit comments

Comments
 (0)