mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 17:44:35 +08:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

Tweak styles

Browse Source
This commit is contained in:
afc163 2017-10-16 21:12:49 +08:00
parent 00bfa49031
commit 91a64d0567
6 changed files with 22 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/date-picker/style/Picker.less
View File

@ -76,12 +76,12 @@
} }
&-icon { &-icon {
color: @text-color-secondary; color: @disabled-color;
&:after { &:after {
content: "\e6bb"; content: "\e6bb";
font-family: "anticon"; font-family: "anticon";
font-size: @font-size-base; font-size: @font-size-base;
color: @text-color-secondary; color: @disabled-color;
display: inline-block; display: inline-block;
line-height: 1; line-height: 1;
} }

3
components/steps/style/custom-icon.less
View File

@ -5,7 +5,8 @@
width: auto; width: auto;
height: auto; height: auto;
> .@{steps-prefix-cls}-icon { > .@{steps-prefix-cls}-icon {
font-size: @steps-icon-size; font-size: 24px;
line-height: @steps-icon-size;
top: 1px; top: 1px;
left: 0.5px; left: 0.5px;
width: @steps-icon-size; width: @steps-icon-size;

9
components/steps/style/index.less
View File

@ -13,7 +13,7 @@
@wait-tail-color: @process-tail-color; @wait-tail-color: @process-tail-color;
@finish-icon-color: @process-icon-color; @finish-icon-color: @process-icon-color;
@finish-title-color: @text-color; @finish-title-color: @text-color;
@finish-description-color: @finish-title-color; @finish-description-color: @text-color-secondary;
@finish-tail-color: @primary-color; @finish-tail-color: @primary-color;
@error-icon-color: @error-color; @error-icon-color: @error-color;
@error-title-color: @error-color; @error-title-color: @error-color;
@ -95,7 +95,7 @@
font-size: @font-size-lg; font-size: @font-size-lg;
color: @text-color; color: @text-color;
display: inline-block; display: inline-block;
padding-right: 10px; padding-right: 16px;
position: relative; position: relative;
line-height: @steps-icon-size; line-height: @steps-icon-size;
&:after { &:after {
@ -134,11 +134,14 @@
.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical) { .@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical) {
.@{steps-prefix-cls}-item { .@{steps-prefix-cls}-item {
margin-right: 8px; margin-right: 16px;
white-space: nowrap; white-space: nowrap;
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
} }
&:last-child .@{steps-prefix-cls}-item-title {
padding-right: 0;
}
&-tail { &-tail {
display: none; display: none;
} }

12
components/steps/style/small.less
View File

@ -1,4 +1,10 @@
.@{steps-prefix-cls}-small { .@{steps-prefix-cls}-small {
&.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical) .@{steps-prefix-cls}-item {
margin-right: 12px;
&:last-child {
margin-right: 0;
}
}
.@{steps-prefix-cls}-item-icon { .@{steps-prefix-cls}-item-icon {
width: @steps-small-icon-size; width: @steps-small-icon-size;
height: @steps-small-icon-size; height: @steps-small-icon-size;
@ -6,11 +12,11 @@
text-align: center; text-align: center;
border-radius: @steps-small-icon-size; border-radius: @steps-small-icon-size;
font-size: @font-size-sm; font-size: @font-size-sm;
margin-right: 8px;
} }
.@{steps-prefix-cls}-item-title { .@{steps-prefix-cls}-item-title {
font-size: @font-size-base; font-size: @font-size-base;
line-height: @steps-small-icon-size; line-height: @steps-small-icon-size;
padding-right: 12px;
&:after { &:after {
top: @steps-small-icon-size / 2; top: @steps-small-icon-size / 2;
} }
@ -31,8 +37,8 @@
border: 0; border: 0;
background: none; background: none;
> .@{steps-prefix-cls}-icon { > .@{steps-prefix-cls}-icon {
font-size: @steps-icon-size; font-size: @steps-small-icon-size;
top: -2.5px; line-height: @steps-small-icon-size;
transform: none; transform: none;
} }
} }

4
components/steps/style/vertical.less
View File

@ -5,9 +5,7 @@
overflow: visible; overflow: visible;
&-icon { &-icon {
float: left; float: left;
&-inner { margin-right: 16px;
margin-right: 16px;
}
} }
&-content { &-content {
min-height: 48px; min-height: 48px;

4
components/time-picker/style/index.less
View File

@ -208,13 +208,13 @@
height: 14px; height: 14px;
line-height: 14px; line-height: 14px;
right: @control-padding-horizontal - 1px; right: @control-padding-horizontal - 1px;
color: @text-color-secondary; color: @disabled-color;
top: 50%; top: 50%;
margin-top: -7px; margin-top: -7px;
&:after { &:after {
content: "\e641"; content: "\e641";
font-family: "anticon"; font-family: "anticon";
color: @text-color-secondary; color: @disabled-color;
display: block; display: block;
line-height: 1; line-height: 1;
} }