mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-24 02:59:58 +08:00
This commit is contained in:
parent
7325cdb37a
commit
addb6e44dc
@ -4,7 +4,7 @@
|
||||
&-anchor {
|
||||
position: relative;
|
||||
&-wrapper {
|
||||
background-color: white;
|
||||
background-color: @body-background;
|
||||
}
|
||||
|
||||
&-ink {
|
||||
@ -28,7 +28,7 @@
|
||||
height: 9px;
|
||||
border-radius: 9px;
|
||||
border: 3px solid @primary-color;
|
||||
background-color: white;
|
||||
background-color: @body-background;
|
||||
left: 50%;
|
||||
transition: top .3s ease-in-out;
|
||||
transform: translateX(-50%);
|
||||
|
@ -3,7 +3,7 @@
|
||||
@card-prefix-cls: ~"@{ant-prefix}-card";
|
||||
|
||||
.@{card-prefix-cls} {
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
border-radius: @border-radius-sm;
|
||||
font-size: @font-size-base;
|
||||
position: relative;
|
||||
|
@ -59,7 +59,7 @@
|
||||
overflow: hidden;
|
||||
color: @text-color;
|
||||
padding: 0 16px;
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
|
||||
& > &-box {
|
||||
padding-top: 16px;
|
||||
@ -84,7 +84,7 @@
|
||||
}
|
||||
|
||||
&-borderless {
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
|
@ -90,7 +90,7 @@
|
||||
list-style: none;
|
||||
font-size: @font-size-base;
|
||||
text-align: left;
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
border-radius: @border-radius-base;
|
||||
box-shadow: @box-shadow-base;
|
||||
background-clip: padding-box;
|
||||
|
@ -3,7 +3,7 @@
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
outline: none;
|
||||
|
@ -3,7 +3,7 @@
|
||||
top: 1px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
outline: none;
|
||||
|
@ -2,7 +2,7 @@
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 34px;
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
height: 206px;
|
||||
|
||||
&-panel {
|
||||
@ -18,7 +18,7 @@
|
||||
list-style: none;
|
||||
font-size: @font-size-base;
|
||||
text-align: left;
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
background-clip: padding-box;
|
||||
line-height: 1.5;
|
||||
overflow: hidden;
|
||||
|
@ -3,7 +3,7 @@
|
||||
top: 1px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
outline: none;
|
||||
|
@ -43,7 +43,7 @@
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
border-radius: @border-radius-base;
|
||||
box-shadow: @box-shadow-base;
|
||||
background-clip: padding-box;
|
||||
@ -78,7 +78,7 @@
|
||||
|
||||
&:hover {
|
||||
color: #ccc;
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
@ -136,7 +136,7 @@
|
||||
border-left: 1px solid @border-color-base;
|
||||
width: 22px;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
@ -41,7 +41,7 @@
|
||||
margin-top: 1.5em;
|
||||
max-height: 250px;
|
||||
min-width: 120px;
|
||||
background-color: white;
|
||||
background-color: @body-background;
|
||||
box-shadow: @box-shadow-base;
|
||||
border-radius: @border-radius-base;
|
||||
box-sizing: border-box;
|
||||
@ -87,7 +87,7 @@
|
||||
|
||||
&:hover {
|
||||
color: #ccc;
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
@ -12,7 +12,7 @@
|
||||
z-index: @zindex-dropdown;
|
||||
box-shadow: @box-shadow-base;
|
||||
color: @text-color;
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
line-height: 46px;
|
||||
|
||||
&-hidden {
|
||||
@ -190,7 +190,7 @@
|
||||
position: relative;
|
||||
|
||||
> .@{menu-prefix-cls} {
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
|
@ -23,7 +23,7 @@
|
||||
padding: 8px 16px;
|
||||
border-radius: @border-radius-base;
|
||||
box-shadow: @shadow-2;
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
@ -28,7 +28,7 @@
|
||||
|
||||
&-content {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
border: 0;
|
||||
border-radius: @border-radius-base;
|
||||
background-clip: padding-box;
|
||||
@ -79,7 +79,7 @@
|
||||
&-header {
|
||||
padding: 14px 16px;
|
||||
border-radius: @border-radius-base @border-radius-base 0 0;
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
color: @text-color;
|
||||
border-bottom: 1px solid @border-color-split;
|
||||
}
|
||||
|
@ -16,7 +16,7 @@
|
||||
padding: @notification-padding;
|
||||
border-radius: @border-radius-base;
|
||||
box-shadow: @shadow-2;
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
line-height: 1.5;
|
||||
position: relative;
|
||||
margin-bottom: @notification-margin-bottom;
|
||||
|
@ -34,7 +34,7 @@
|
||||
list-style: none;
|
||||
float: left;
|
||||
border: 1px solid @border-color-base;
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
margin-right: 8px;
|
||||
font-family: Arial;
|
||||
|
||||
@ -127,7 +127,7 @@
|
||||
&-prev,
|
||||
&-next {
|
||||
border: 1px solid @border-color-base;
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
|
||||
a {
|
||||
color: @text-color;
|
||||
@ -226,7 +226,7 @@
|
||||
input {
|
||||
margin: 0 8px;
|
||||
box-sizing: border-box;
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
border-radius: @border-radius-base;
|
||||
border: 1px solid @border-color-base;
|
||||
outline: none;
|
||||
|
@ -62,7 +62,7 @@
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
border-radius: 10px;
|
||||
animation: ~"@{ant-prefix}-progress-active" 2s @ease-out-quint infinite;
|
||||
}
|
||||
|
@ -65,7 +65,7 @@
|
||||
border-style: solid;
|
||||
border-radius: 14px;
|
||||
border-color: @border-color-base;
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
transition: all @radio-duration;
|
||||
}
|
||||
|
||||
@ -123,7 +123,7 @@ span.@{radio-prefix-cls} + * {
|
||||
cursor: pointer;
|
||||
border: 1px solid @border-color-base;
|
||||
border-left: 0;
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
padding: 0 16px;
|
||||
|
||||
a {
|
||||
@ -182,7 +182,7 @@ span.@{radio-prefix-cls} + * {
|
||||
}
|
||||
|
||||
&-checked {
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
border-color: @primary-color;
|
||||
color: @primary-color;
|
||||
box-shadow: -1px 0 0 0 @primary-color;
|
||||
|
@ -15,7 +15,7 @@
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
z-index: 1;
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
top: 50%;
|
||||
font-size: @font-size-base;
|
||||
color: #ccc;
|
||||
@ -43,7 +43,7 @@
|
||||
|
||||
> ul > li > a {
|
||||
padding: 0;
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
}
|
||||
|
||||
// arrow
|
||||
@ -73,7 +73,7 @@
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
border-radius: @border-radius-base;
|
||||
border: 1px solid @border-color-base;
|
||||
transition: all .3s @ease-in-out;
|
||||
@ -459,7 +459,7 @@
|
||||
|
||||
&:hover {
|
||||
color: #ccc;
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
@ -56,7 +56,7 @@
|
||||
cursor: pointer;
|
||||
border-radius: 50%;
|
||||
border: solid 2px tint(@primary-color, 50%);
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
z-index: 2;
|
||||
transition: border-color 0.3s ease, transform .3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
|
||||
|
||||
@ -108,7 +108,7 @@
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border: 2px solid #e9e9e9;
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
cursor: pointer;
|
||||
border-radius: 50%;
|
||||
vertical-align: middle;
|
||||
@ -133,7 +133,7 @@
|
||||
.@{slider-prefix-cls}-handle,
|
||||
.@{slider-prefix-cls}-dot {
|
||||
border-color: @slider-disabled-color!important;
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
|
@ -168,7 +168,7 @@
|
||||
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
||||
/* IE10+ */
|
||||
.@{spin-prefix-cls}-blur {
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
@ -31,7 +31,7 @@
|
||||
&.@{steps-prefix-cls}-status-wait {
|
||||
.@{steps-prefix-cls}-head-inner {
|
||||
border-color: @wait-icon-color;
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
> .@{steps-prefix-cls}-icon {
|
||||
color: @wait-icon-color;
|
||||
}
|
||||
@ -51,7 +51,7 @@
|
||||
border-color: @process-icon-color;
|
||||
background-color: @process-icon-color;
|
||||
> .@{steps-prefix-cls}-icon {
|
||||
color: #fff;
|
||||
color: @body-background;
|
||||
}
|
||||
}
|
||||
.@{steps-prefix-cls}-title {
|
||||
@ -67,7 +67,7 @@
|
||||
&.@{steps-prefix-cls}-status-finish {
|
||||
.@{steps-prefix-cls}-head-inner {
|
||||
border-color: @finish-icon-color;
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
> .@{steps-prefix-cls}-icon {
|
||||
color: @finish-icon-color;
|
||||
}
|
||||
@ -89,7 +89,7 @@
|
||||
&.@{steps-prefix-cls}-status-error {
|
||||
.@{steps-prefix-cls}-head-inner {
|
||||
border-color: @error-icon-color;
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
> .@{steps-prefix-cls}-icon {
|
||||
color: @error-icon-color;
|
||||
}
|
||||
@ -140,7 +140,7 @@
|
||||
vertical-align: top;
|
||||
}
|
||||
.@{steps-prefix-cls}-head {
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
}
|
||||
|
||||
.@{steps-prefix-cls}-head-inner {
|
||||
@ -176,7 +176,7 @@
|
||||
margin-bottom: 4px;
|
||||
color: @text-color;
|
||||
font-weight: bold;
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
display: inline-block;
|
||||
padding-right: 10px;
|
||||
> a:first-child:last-child {
|
||||
|
@ -35,7 +35,7 @@
|
||||
top: 1px;
|
||||
|
||||
border-radius: 18px;
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
content: " ";
|
||||
cursor: pointer;
|
||||
transition: all @switch-duration, width @switch-duration;
|
||||
|
@ -140,7 +140,7 @@
|
||||
&-loading {
|
||||
position: relative;
|
||||
.@{table-prefix-cls}-body {
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.@{table-prefix-cls}-spin-holder {
|
||||
@ -182,7 +182,7 @@
|
||||
}
|
||||
|
||||
.@{table-prefix-cls}-thead > tr > th {
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
border-bottom: 1px solid @border-color-split;
|
||||
}
|
||||
|
||||
@ -202,7 +202,7 @@
|
||||
}
|
||||
|
||||
.@{table-prefix-cls}-header {
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
table {
|
||||
border-bottom: 1px solid @border-color-split;
|
||||
}
|
||||
@ -320,7 +320,7 @@
|
||||
|
||||
&-placeholder {
|
||||
padding: 16px 8px;
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
border-bottom: 1px solid @border-color-split;;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
@ -340,7 +340,7 @@
|
||||
&-filter-dropdown {
|
||||
min-width: 96px;
|
||||
margin-left: -8px;
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
border-radius: @border-radius-base;
|
||||
box-shadow: @box-shadow-base;
|
||||
|
||||
@ -413,7 +413,7 @@
|
||||
line-height: 14px;
|
||||
border: 1px solid @border-color-split;
|
||||
user-select: none;
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
&-cell {
|
||||
width: 18px;
|
||||
}
|
||||
@ -464,7 +464,7 @@
|
||||
|
||||
&-fixed-header &-body {
|
||||
position: relative;
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
}
|
||||
|
||||
&-fixed-header &-body-inner {
|
||||
@ -493,7 +493,7 @@
|
||||
border-radius: 0;
|
||||
table {
|
||||
width: auto;
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -325,7 +325,7 @@
|
||||
transition: all 0.3s @ease-in-out;
|
||||
}
|
||||
&&-card > &-bar &-tab-active {
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
transform: translateZ(0);
|
||||
border-color: @border-color-base;
|
||||
color: @primary-color;
|
||||
|
@ -16,7 +16,7 @@
|
||||
list-style: none;
|
||||
font-size: @font-size-base;
|
||||
text-align: left;
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
border-radius: @border-radius-base;
|
||||
box-shadow: @box-shadow-base;
|
||||
background-clip: padding-box;
|
||||
|
@ -31,7 +31,7 @@
|
||||
position: absolute;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background-color: #fff;
|
||||
background-color: @body-background;
|
||||
border-radius: 100px;
|
||||
border: 2px solid transparent;
|
||||
&-blue {
|
||||
|
@ -49,7 +49,7 @@
|
||||
&-header {
|
||||
padding: 7px 15px;
|
||||
border-radius: @border-radius-base @border-radius-base 0 0;
|
||||
background: #fff;
|
||||
background: @body-background;
|
||||
color: @text-color;
|
||||
border-bottom: 1px solid @border-color-split;
|
||||
overflow: hidden;
|
||||
|
Loading…
Reference in New Issue
Block a user