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 18 Packages Projects Releases Wiki Activity

Fix #4039. Replace background-color: #fff with background: @body-background (#4040)

Browse Source
This commit is contained in:
cathayandy 2016-11-28 19:54:54 -06:00 committed by Benjy Cui
parent 7325cdb37a
commit addb6e44dc
28 changed files with 56 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/anchor/style/index.less
View File

@ -4,7 +4,7 @@
&-anchor { &-anchor {
position: relative; position: relative;
&-wrapper { &-wrapper {
background-color: white; background-color: @body-background;
} }
&-ink { &-ink {
@ -28,7 +28,7 @@
height: 9px; height: 9px;
border-radius: 9px; border-radius: 9px;
border: 3px solid @primary-color; border: 3px solid @primary-color;
background-color: white; background-color: @body-background;
left: 50%; left: 50%;
transition: top .3s ease-in-out; transition: top .3s ease-in-out;
transform: translateX(-50%); transform: translateX(-50%);

2
components/card/style/index.less
View File

@ -3,7 +3,7 @@
@card-prefix-cls: ~"@{ant-prefix}-card"; @card-prefix-cls: ~"@{ant-prefix}-card";
.@{card-prefix-cls} { .@{card-prefix-cls} {
background: #fff; background: @body-background;
border-radius: @border-radius-sm; border-radius: @border-radius-sm;
font-size: @font-size-base; font-size: @font-size-base;
position: relative; position: relative;

4
components/collapse/style/index.less
View File

@ -59,7 +59,7 @@
overflow: hidden; overflow: hidden;
color: @text-color; color: @text-color;
padding: 0 16px; padding: 0 16px;
background-color: #fff; background-color: @body-background;
& > &-box { & > &-box {
padding-top: 16px; padding-top: 16px;
@ -84,7 +84,7 @@
} }
&-borderless { &-borderless {
background-color: #fff; background-color: @body-background;
border: 0; border: 0;
} }

2
components/date-picker/style/Calendar.less
View File

@ -90,7 +90,7 @@
list-style: none; list-style: none;
font-size: @font-size-base; font-size: @font-size-base;
text-align: left; text-align: left;
background-color: #fff; background-color: @body-background;
border-radius: @border-radius-base; border-radius: @border-radius-base;
box-shadow: @box-shadow-base; box-shadow: @box-shadow-base;
background-clip: padding-box; background-clip: padding-box;

2
components/date-picker/style/DecadePanel.less
View File

@ -3,7 +3,7 @@
top: 0; top: 0;
bottom: 0; bottom: 0;
right: 0; right: 0;
background: #fff; background: @body-background;
z-index: 10; z-index: 10;
position: absolute; position: absolute;
outline: none; outline: none;

2
components/date-picker/style/MonthPanel.less
View File

@ -3,7 +3,7 @@
top: 1px; top: 1px;
bottom: 0; bottom: 0;
right: 0; right: 0;
background: #fff; background: @body-background;
z-index: 10; z-index: 10;
position: absolute; position: absolute;
outline: none; outline: none;

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

@ -2,7 +2,7 @@
position: absolute; position: absolute;
width: 100%; width: 100%;
top: 34px; top: 34px;
background-color: #fff; background-color: @body-background;
height: 206px; height: 206px;
&-panel { &-panel {
@ -18,7 +18,7 @@
list-style: none; list-style: none;
font-size: @font-size-base; font-size: @font-size-base;
text-align: left; text-align: left;
background-color: #fff; background-color: @body-background;
background-clip: padding-box; background-clip: padding-box;
line-height: 1.5; line-height: 1.5;
overflow: hidden; overflow: hidden;

2
components/date-picker/style/YearPanel.less
View File

@ -3,7 +3,7 @@
top: 1px; top: 1px;
bottom: 0; bottom: 0;
right: 0; right: 0;
background: #fff; background: @body-background;
z-index: 10; z-index: 10;
position: absolute; position: absolute;
outline: none; outline: none;

4
components/dropdown/style/index.less
View File

@ -43,7 +43,7 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
text-align: left; text-align: left;
background-color: #fff; background-color: @body-background;
border-radius: @border-radius-base; border-radius: @border-radius-base;
box-shadow: @box-shadow-base; box-shadow: @box-shadow-base;
background-clip: padding-box; background-clip: padding-box;
@ -78,7 +78,7 @@
&:hover { &:hover {
color: #ccc; color: #ccc;
background-color: #fff; background-color: @body-background;
cursor: not-allowed; cursor: not-allowed;
} }
} }

2
components/input-number/style/index.less
View File

@ -136,7 +136,7 @@
border-left: 1px solid @border-color-base; border-left: 1px solid @border-color-base;
width: 22px; width: 22px;
height: 100%; height: 100%;
background: #fff; background: @body-background;
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;

4
components/mention/style/index.less
View File

@ -41,7 +41,7 @@
margin-top: 1.5em; margin-top: 1.5em;
max-height: 250px; max-height: 250px;
min-width: 120px; min-width: 120px;
background-color: white; background-color: @body-background;
box-shadow: @box-shadow-base; box-shadow: @box-shadow-base;
border-radius: @border-radius-base; border-radius: @border-radius-base;
box-sizing: border-box; box-sizing: border-box;
@ -87,7 +87,7 @@
&:hover { &:hover {
color: #ccc; color: #ccc;
background-color: #fff; background-color: @body-background;
cursor: not-allowed; cursor: not-allowed;
} }
} }

4
components/menu/style/index.less
View File

@ -12,7 +12,7 @@
z-index: @zindex-dropdown; z-index: @zindex-dropdown;
box-shadow: @box-shadow-base; box-shadow: @box-shadow-base;
color: @text-color; color: @text-color;
background: #fff; background: @body-background;
line-height: 46px; line-height: 46px;
&-hidden { &-hidden {
@ -190,7 +190,7 @@
position: relative; position: relative;
> .@{menu-prefix-cls} { > .@{menu-prefix-cls} {
background-color: #fff; background-color: @body-background;
border-radius: 4px; border-radius: 4px;
} }

2
components/message/style/index.less
View File

@ -23,7 +23,7 @@
padding: 8px 16px; padding: 8px 16px;
border-radius: @border-radius-base; border-radius: @border-radius-base;
box-shadow: @shadow-2; box-shadow: @shadow-2;
background: #fff; background: @body-background;
display: block; display: block;
} }

4
components/modal/style/modal.less
View File

@ -28,7 +28,7 @@
&-content { &-content {
position: relative; position: relative;
background-color: #fff; background-color: @body-background;
border: 0; border: 0;
border-radius: @border-radius-base; border-radius: @border-radius-base;
background-clip: padding-box; background-clip: padding-box;
@ -79,7 +79,7 @@
&-header { &-header {
padding: 14px 16px; padding: 14px 16px;
border-radius: @border-radius-base @border-radius-base 0 0; border-radius: @border-radius-base @border-radius-base 0 0;
background: #fff; background: @body-background;
color: @text-color; color: @text-color;
border-bottom: 1px solid @border-color-split; border-bottom: 1px solid @border-color-split;
} }

2
components/notification/style/index.less
View File

@ -16,7 +16,7 @@
padding: @notification-padding; padding: @notification-padding;
border-radius: @border-radius-base; border-radius: @border-radius-base;
box-shadow: @shadow-2; box-shadow: @shadow-2;
background: #fff; background: @body-background;
line-height: 1.5; line-height: 1.5;
position: relative; position: relative;
margin-bottom: @notification-margin-bottom; margin-bottom: @notification-margin-bottom;

6
components/pagination/style/index.less
View File

@ -34,7 +34,7 @@
list-style: none; list-style: none;
float: left; float: left;
border: 1px solid @border-color-base; border: 1px solid @border-color-base;
background-color: #fff; background-color: @body-background;
margin-right: 8px; margin-right: 8px;
font-family: Arial; font-family: Arial;
@ -127,7 +127,7 @@
&-prev, &-prev,
&-next { &-next {
border: 1px solid @border-color-base; border: 1px solid @border-color-base;
background-color: #fff; background-color: @body-background;
a { a {
color: @text-color; color: @text-color;
@ -226,7 +226,7 @@
input { input {
margin: 0 8px; margin: 0 8px;
box-sizing: border-box; box-sizing: border-box;
background-color: #fff; background-color: @body-background;
border-radius: @border-radius-base; border-radius: @border-radius-base;
border: 1px solid @border-color-base; border: 1px solid @border-color-base;
outline: none; outline: none;

2
components/progress/style/index.less
View File

@ -62,7 +62,7 @@
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background: #fff; background: @body-background;
border-radius: 10px; border-radius: 10px;
animation: ~"@{ant-prefix}-progress-active" 2s @ease-out-quint infinite; animation: ~"@{ant-prefix}-progress-active" 2s @ease-out-quint infinite;
} }

6
components/radio/style/index.less
View File

@ -65,7 +65,7 @@
border-style: solid; border-style: solid;
border-radius: 14px; border-radius: 14px;
border-color: @border-color-base; border-color: @border-color-base;
background-color: #fff; background-color: @body-background;
transition: all @radio-duration; transition: all @radio-duration;
} }
@ -123,7 +123,7 @@ span.@{radio-prefix-cls} + * {
cursor: pointer; cursor: pointer;
border: 1px solid @border-color-base; border: 1px solid @border-color-base;
border-left: 0; border-left: 0;
background: #fff; background: @body-background;
padding: 0 16px; padding: 0 16px;
a { a {
@ -182,7 +182,7 @@ span.@{radio-prefix-cls} + * {
} }
&-checked { &-checked {
background: #fff; background: @body-background;
border-color: @primary-color; border-color: @primary-color;
color: @primary-color; color: @primary-color;
box-shadow: -1px 0 0 0 @primary-color; box-shadow: -1px 0 0 0 @primary-color;

8
components/select/style/index.less
View File

@ -15,7 +15,7 @@
position: absolute; position: absolute;
right: 8px; right: 8px;
z-index: 1; z-index: 1;
background: #fff; background: @body-background;
top: 50%; top: 50%;
font-size: @font-size-base; font-size: @font-size-base;
color: #ccc; color: #ccc;
@ -43,7 +43,7 @@
> ul > li > a { > ul > li > a {
padding: 0; padding: 0;
background-color: #fff; background-color: @body-background;
} }
// arrow // arrow
@ -73,7 +73,7 @@
box-sizing: border-box; box-sizing: border-box;
display: block; display: block;
background-color: #fff; background-color: @body-background;
border-radius: @border-radius-base; border-radius: @border-radius-base;
border: 1px solid @border-color-base; border: 1px solid @border-color-base;
transition: all .3s @ease-in-out; transition: all .3s @ease-in-out;
@ -459,7 +459,7 @@
&:hover { &:hover {
color: #ccc; color: #ccc;
background-color: #fff; background-color: @body-background;
cursor: not-allowed; cursor: not-allowed;
} }
} }

6
components/slider/style/index.less
View File

@ -56,7 +56,7 @@
cursor: pointer; cursor: pointer;
border-radius: 50%; border-radius: 50%;
border: solid 2px tint(@primary-color, 50%); border: solid 2px tint(@primary-color, 50%);
background-color: #fff; background-color: @body-background;
z-index: 2; z-index: 2;
transition: border-color 0.3s ease, transform .3s cubic-bezier(0.18, 0.89, 0.32, 1.28); transition: border-color 0.3s ease, transform .3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
@ -108,7 +108,7 @@
width: 8px; width: 8px;
height: 8px; height: 8px;
border: 2px solid #e9e9e9; border: 2px solid #e9e9e9;
background-color: #fff; background-color: @body-background;
cursor: pointer; cursor: pointer;
border-radius: 50%; border-radius: 50%;
vertical-align: middle; vertical-align: middle;
@ -133,7 +133,7 @@
.@{slider-prefix-cls}-handle, .@{slider-prefix-cls}-handle,
.@{slider-prefix-cls}-dot { .@{slider-prefix-cls}-dot {
border-color: @slider-disabled-color!important; border-color: @slider-disabled-color!important;
background-color: #fff; background-color: @body-background;
cursor: not-allowed; cursor: not-allowed;
} }

2
components/spin/style/index.less
View File

@ -168,7 +168,7 @@
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ */ /* IE10+ */
.@{spin-prefix-cls}-blur { .@{spin-prefix-cls}-blur {
background: #fff; background: @body-background;
opacity: 0.5; opacity: 0.5;
} }
} }

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

@ -31,7 +31,7 @@
&.@{steps-prefix-cls}-status-wait { &.@{steps-prefix-cls}-status-wait {
.@{steps-prefix-cls}-head-inner { .@{steps-prefix-cls}-head-inner {
border-color: @wait-icon-color; border-color: @wait-icon-color;
background-color: #fff; background-color: @body-background;
> .@{steps-prefix-cls}-icon { > .@{steps-prefix-cls}-icon {
color: @wait-icon-color; color: @wait-icon-color;
} }
@ -51,7 +51,7 @@
border-color: @process-icon-color; border-color: @process-icon-color;
background-color: @process-icon-color; background-color: @process-icon-color;
> .@{steps-prefix-cls}-icon { > .@{steps-prefix-cls}-icon {
color: #fff; color: @body-background;
} }
} }
.@{steps-prefix-cls}-title { .@{steps-prefix-cls}-title {
@ -67,7 +67,7 @@
&.@{steps-prefix-cls}-status-finish { &.@{steps-prefix-cls}-status-finish {
.@{steps-prefix-cls}-head-inner { .@{steps-prefix-cls}-head-inner {
border-color: @finish-icon-color; border-color: @finish-icon-color;
background-color: #fff; background-color: @body-background;
> .@{steps-prefix-cls}-icon { > .@{steps-prefix-cls}-icon {
color: @finish-icon-color; color: @finish-icon-color;
} }
@ -89,7 +89,7 @@
&.@{steps-prefix-cls}-status-error { &.@{steps-prefix-cls}-status-error {
.@{steps-prefix-cls}-head-inner { .@{steps-prefix-cls}-head-inner {
border-color: @error-icon-color; border-color: @error-icon-color;
background-color: #fff; background-color: @body-background;
> .@{steps-prefix-cls}-icon { > .@{steps-prefix-cls}-icon {
color: @error-icon-color; color: @error-icon-color;
} }
@ -140,7 +140,7 @@
vertical-align: top; vertical-align: top;
} }
.@{steps-prefix-cls}-head { .@{steps-prefix-cls}-head {
background: #fff; background: @body-background;
} }
.@{steps-prefix-cls}-head-inner { .@{steps-prefix-cls}-head-inner {
@ -176,7 +176,7 @@
margin-bottom: 4px; margin-bottom: 4px;
color: @text-color; color: @text-color;
font-weight: bold; font-weight: bold;
background: #fff; background: @body-background;
display: inline-block; display: inline-block;
padding-right: 10px; padding-right: 10px;
> a:first-child:last-child { > a:first-child:last-child {

2
components/switch/style/index.less
View File

@ -35,7 +35,7 @@
top: 1px; top: 1px;
border-radius: 18px; border-radius: 18px;
background-color: #fff; background-color: @body-background;
content: " "; content: " ";
cursor: pointer; cursor: pointer;
transition: all @switch-duration, width @switch-duration; transition: all @switch-duration, width @switch-duration;

16
components/table/style/index.less
View File

@ -140,7 +140,7 @@
&-loading { &-loading {
position: relative; position: relative;
.@{table-prefix-cls}-body { .@{table-prefix-cls}-body {
background: #fff; background: @body-background;
opacity: 0.5; opacity: 0.5;
} }
.@{table-prefix-cls}-spin-holder { .@{table-prefix-cls}-spin-holder {
@ -182,7 +182,7 @@
} }
.@{table-prefix-cls}-thead > tr > th { .@{table-prefix-cls}-thead > tr > th {
background: #fff; background: @body-background;
border-bottom: 1px solid @border-color-split; border-bottom: 1px solid @border-color-split;
} }
@ -202,7 +202,7 @@
} }
.@{table-prefix-cls}-header { .@{table-prefix-cls}-header {
background: #fff; background: @body-background;
table { table {
border-bottom: 1px solid @border-color-split; border-bottom: 1px solid @border-color-split;
} }
@ -320,7 +320,7 @@
&-placeholder { &-placeholder {
padding: 16px 8px; padding: 16px 8px;
background: #fff; background: @body-background;
border-bottom: 1px solid @border-color-split;; border-bottom: 1px solid @border-color-split;;
text-align: center; text-align: center;
position: relative; position: relative;
@ -340,7 +340,7 @@
&-filter-dropdown { &-filter-dropdown {
min-width: 96px; min-width: 96px;
margin-left: -8px; margin-left: -8px;
background: #fff; background: @body-background;
border-radius: @border-radius-base; border-radius: @border-radius-base;
box-shadow: @box-shadow-base; box-shadow: @box-shadow-base;
@ -413,7 +413,7 @@
line-height: 14px; line-height: 14px;
border: 1px solid @border-color-split; border: 1px solid @border-color-split;
user-select: none; user-select: none;
background: #fff; background: @body-background;
&-cell { &-cell {
width: 18px; width: 18px;
} }
@ -464,7 +464,7 @@
&-fixed-header &-body { &-fixed-header &-body {
position: relative; position: relative;
background: #fff; background: @body-background;
} }
&-fixed-header &-body-inner { &-fixed-header &-body-inner {
@ -493,7 +493,7 @@
border-radius: 0; border-radius: 0;
table { table {
width: auto; width: auto;
background: #fff; background: @body-background;
} }
} }

2
components/tabs/style/index.less
View File

@ -325,7 +325,7 @@
transition: all 0.3s @ease-in-out; transition: all 0.3s @ease-in-out;
} }
&&-card > &-bar &-tab-active { &&-card > &-bar &-tab-active {
background: #fff; background: @body-background;
transform: translateZ(0); transform: translateZ(0);
border-color: @border-color-base; border-color: @border-color-base;
color: @primary-color; color: @primary-color;

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

@ -16,7 +16,7 @@
list-style: none; list-style: none;
font-size: @font-size-base; font-size: @font-size-base;
text-align: left; text-align: left;
background-color: #fff; background-color: @body-background;
border-radius: @border-radius-base; border-radius: @border-radius-base;
box-shadow: @box-shadow-base; box-shadow: @box-shadow-base;
background-clip: padding-box; background-clip: padding-box;

2
components/timeline/style/index.less
View File

@ -31,7 +31,7 @@
position: absolute; position: absolute;
width: 12px; width: 12px;
height: 12px; height: 12px;
background-color: #fff; background-color: @body-background;
border-radius: 100px; border-radius: 100px;
border: 2px solid transparent; border: 2px solid transparent;
&-blue { &-blue {

2
components/transfer/style/index.less
View File

@ -49,7 +49,7 @@
&-header { &-header {
padding: 7px 15px; padding: 7px 15px;
border-radius: @border-radius-base @border-radius-base 0 0; border-radius: @border-radius-base @border-radius-base 0 0;
background: #fff; background: @body-background;
color: @text-color; color: @text-color;
border-bottom: 1px solid @border-color-split; border-bottom: 1px solid @border-color-split;
overflow: hidden; overflow: hidden;