mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-24 02:59:58 +08:00
chore(deps-dev): bump stylelint-config-prettier from 8.0.2 to 9.0.2 (#32451)
* chore(deps-dev): bump stylelint-config-prettier from 8.0.2 to 9.0.2 Bumps [stylelint-config-prettier](https://github.com/prettier/stylelint-config-prettier) from 8.0.2 to 9.0.2. - [Release notes](https://github.com/prettier/stylelint-config-prettier/releases) - [Commits](https://github.com/prettier/stylelint-config-prettier/compare/v8.0.2...v9.0.2) --- updated-dependencies: - dependency-name: stylelint-config-prettier dependency-type: direct:development update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com> * chore: autofix stylelint errors * chore: autofix stylelint errors Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: afc163 <afc163@gmail.com>
This commit is contained in:
dependabot[bot]
GitHub
parent
a6bc104a4a
commit
b445baa001
@ -84,6 +84,7 @@
|
||||
.@{iconfont-css-prefix}-close {
|
||||
color: @alert-close-color;
|
||||
transition: color 0.3s;
|
||||
|
||||
&:hover {
|
||||
color: @alert-close-hover-color;
|
||||
}
|
||||
@ -93,6 +94,7 @@
|
||||
&-close-text {
|
||||
color: @alert-close-color;
|
||||
transition: color 0.3s;
|
||||
|
||||
&:hover {
|
||||
color: @alert-close-hover-color;
|
||||
}
|
||||
@ -111,6 +113,7 @@
|
||||
margin-right: @alert-with-description-padding-vertical;
|
||||
font-size: @alert-with-description-icon-size;
|
||||
}
|
||||
|
||||
&-with-description &-message {
|
||||
display: block;
|
||||
margin-bottom: 4px;
|
||||
|
||||
@ -21,6 +21,7 @@
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
|
||||
&::before {
|
||||
position: relative;
|
||||
display: block;
|
||||
@ -30,6 +31,7 @@
|
||||
background-color: @anchor-border-color;
|
||||
content: ' ';
|
||||
}
|
||||
|
||||
&-ball {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
@ -41,6 +43,7 @@
|
||||
border-radius: 8px;
|
||||
transform: translateX(-50%);
|
||||
transition: top 0.3s ease-in-out;
|
||||
|
||||
&.visible {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
@ -25,6 +25,7 @@
|
||||
background: @badge-color;
|
||||
border-radius: (@badge-height / 2);
|
||||
box-shadow: 0 0 0 1px @shadow-color-inverse;
|
||||
|
||||
a,
|
||||
a:hover {
|
||||
color: @badge-text-color;
|
||||
@ -86,12 +87,15 @@
|
||||
vertical-align: middle;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
&-success {
|
||||
background-color: @success-color;
|
||||
}
|
||||
|
||||
&-processing {
|
||||
position: relative;
|
||||
background-color: @processing-color;
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@ -104,12 +108,15 @@
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
&-default {
|
||||
background-color: @normal-color;
|
||||
}
|
||||
|
||||
&-error {
|
||||
background-color: @error-color;
|
||||
}
|
||||
|
||||
&-warning {
|
||||
background-color: @warning-color;
|
||||
}
|
||||
@ -177,6 +184,7 @@
|
||||
transform: scale(0.8);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(2.4);
|
||||
opacity: 0;
|
||||
@ -192,6 +200,7 @@
|
||||
.@{number-prefix-cls} {
|
||||
overflow: hidden;
|
||||
direction: ltr;
|
||||
|
||||
&-only {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
@ -216,6 +225,7 @@
|
||||
transform: scale(0) translate(50%, -50%);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1) translate(50%, -50%);
|
||||
}
|
||||
@ -225,6 +235,7 @@
|
||||
0% {
|
||||
transform: scale(1) translate(50%, -50%);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(0) translate(50%, -50%);
|
||||
opacity: 0;
|
||||
@ -236,6 +247,7 @@
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
@ -245,6 +257,7 @@
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
|
||||
@ -43,6 +43,7 @@
|
||||
right: unset;
|
||||
left: 0;
|
||||
border-color: currentColor currentColor transparent transparent;
|
||||
|
||||
&::after {
|
||||
border-color: currentColor currentColor transparent transparent;
|
||||
}
|
||||
@ -57,6 +58,7 @@
|
||||
right: 0;
|
||||
left: unset;
|
||||
border-color: currentColor transparent transparent currentColor;
|
||||
|
||||
&::after {
|
||||
border-color: currentColor transparent transparent currentColor;
|
||||
}
|
||||
|
||||
@ -16,6 +16,7 @@
|
||||
a {
|
||||
color: @breadcrumb-link-color;
|
||||
transition: color 0.3s;
|
||||
|
||||
&:hover {
|
||||
color: @breadcrumb-link-color-hover;
|
||||
}
|
||||
@ -23,6 +24,7 @@
|
||||
|
||||
& > span:last-child {
|
||||
color: @breadcrumb-last-item-color;
|
||||
|
||||
a {
|
||||
color: @breadcrumb-last-item-color;
|
||||
}
|
||||
|
||||
@ -281,6 +281,7 @@ a.@{btn-prefix-cls} {
|
||||
&-lg {
|
||||
line-height: @btn-height-lg - 2px;
|
||||
}
|
||||
|
||||
&-sm {
|
||||
line-height: @btn-height-sm - 2px;
|
||||
}
|
||||
|
||||
@ -20,6 +20,7 @@
|
||||
// http://stackoverflow.com/a/17253457
|
||||
> a:only-child {
|
||||
color: currentColor;
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@ -106,6 +107,7 @@
|
||||
.button-color(@primary-color-hover; @background; @primary-color-hover);
|
||||
}
|
||||
}
|
||||
|
||||
&:active {
|
||||
& when (@theme = dark) {
|
||||
.button-color(@primary-7; @background; @primary-7);
|
||||
@ -126,6 +128,7 @@
|
||||
.button-variant-ghost(@color; @border; @borderHover: yellow; @borderActive: yellow) {
|
||||
.button-color(@color; null; @border);
|
||||
text-shadow: none;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
& when (@border = transparent) {
|
||||
@ -155,6 +158,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:active {
|
||||
& when (@border = transparent) {
|
||||
& when (@theme = dark) {
|
||||
@ -192,11 +196,13 @@
|
||||
> .@{btnClassName},
|
||||
> span > .@{btnClassName} {
|
||||
position: relative;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
&[disabled] {
|
||||
z-index: 0;
|
||||
}
|
||||
@ -248,29 +254,36 @@
|
||||
> .@{iconfont-css-prefix} {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
&,
|
||||
&:active,
|
||||
&:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
&:not([disabled]):hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:not([disabled]):active {
|
||||
outline: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&[disabled] {
|
||||
cursor: not-allowed;
|
||||
|
||||
> * {
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
||||
&-lg {
|
||||
.button-size(
|
||||
@btn-height-lg; @btn-padding-horizontal-lg; @btn-font-size-lg; @btn-border-radius-base
|
||||
);
|
||||
}
|
||||
|
||||
&-sm {
|
||||
.button-size(
|
||||
@btn-height-sm; @btn-padding-horizontal-sm; @btn-font-size-sm; @btn-border-radius-sm
|
||||
@ -284,6 +297,7 @@
|
||||
// default button style
|
||||
.btn-default() {
|
||||
.button-variant-other(@btn-default-color; @btn-default-bg; @btn-default-border; );
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
@ -307,6 +321,7 @@
|
||||
// danger default button style
|
||||
.btn-danger-default() {
|
||||
.button-color(@error-color, @btn-default-bg, @error-color);
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
& when (@theme = dark) {
|
||||
@ -325,6 +340,7 @@
|
||||
.button-color(@error-color-hover, @btn-default-bg, @error-color-hover);
|
||||
}
|
||||
}
|
||||
|
||||
&:active {
|
||||
& when (@theme = dark) {
|
||||
.button-color(
|
||||
@ -348,6 +364,7 @@
|
||||
.btn-danger-link() {
|
||||
.button-variant-other(@error-color, transparent, transparent);
|
||||
box-shadow: none;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
& when (@theme = dark) {
|
||||
@ -360,6 +377,7 @@
|
||||
.button-color(@error-color-hover; transparent; transparent);
|
||||
}
|
||||
}
|
||||
|
||||
&:active {
|
||||
& when (@theme = dark) {
|
||||
.button-color(~`colorPalette('@{error-color}', 5) `; transparent; transparent);
|
||||
@ -377,9 +395,11 @@
|
||||
.btn-link() {
|
||||
.button-variant-other(@link-color, transparent, transparent);
|
||||
box-shadow: none;
|
||||
|
||||
&:hover {
|
||||
background: @btn-link-hover-bg;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
@ -391,6 +411,7 @@
|
||||
.btn-text() {
|
||||
.button-variant-other(@text-color, transparent, transparent);
|
||||
box-shadow: none;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: @text-color;
|
||||
@ -409,6 +430,7 @@
|
||||
.btn-danger-text() {
|
||||
.button-variant-other(@error-color, transparent, transparent);
|
||||
box-shadow: none;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
& when (@theme = dark) {
|
||||
@ -453,12 +475,14 @@
|
||||
.btn-square(@btnClassName: btn) {
|
||||
.square(@btn-square-size);
|
||||
.button-size(@btn-square-size; 0; @btn-square-only-icon-size; @btn-border-radius-base);
|
||||
|
||||
& > * {
|
||||
font-size: @btn-square-only-icon-size;
|
||||
}
|
||||
&.@{btnClassName}-lg {
|
||||
.square(@btn-square-size-lg);
|
||||
.button-size(@btn-square-size-lg; 0; @btn-square-only-icon-size-lg; @btn-border-radius-base);
|
||||
|
||||
& > * {
|
||||
font-size: @btn-square-only-icon-size-lg;
|
||||
}
|
||||
@ -466,6 +490,7 @@
|
||||
&.@{btnClassName}-sm {
|
||||
.square(@btn-square-size-sm);
|
||||
.button-size(@btn-square-size-sm; 0; @btn-square-only-icon-size-sm; @btn-border-radius-base);
|
||||
|
||||
& > * {
|
||||
font-size: @btn-square-only-icon-size-sm;
|
||||
}
|
||||
@ -526,6 +551,7 @@
|
||||
border-top-right-radius: @btn-border-radius-base;
|
||||
border-bottom-right-radius: @btn-border-radius-base;
|
||||
}
|
||||
|
||||
&-sm {
|
||||
> .@{btnClassName}:only-child {
|
||||
border-radius: @btn-border-radius-sm;
|
||||
@ -544,12 +570,14 @@
|
||||
border-bottom-right-radius: @btn-border-radius-sm;
|
||||
}
|
||||
}
|
||||
|
||||
& > & {
|
||||
float: left;
|
||||
}
|
||||
& > &:not(:first-child):not(:last-child) > .@{btnClassName} {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
& > &:first-child:not(:last-child) {
|
||||
> .@{btnClassName}:last-child {
|
||||
padding-right: 8px;
|
||||
|
||||
@ -10,6 +10,7 @@
|
||||
border-right-color: @btn-group-border;
|
||||
border-left-color: @btn-default-border;
|
||||
}
|
||||
|
||||
&[disabled] {
|
||||
.@{btn-prefix-cls}-group-rtl& {
|
||||
border-right-color: @btn-default-border;
|
||||
|
||||
@ -250,6 +250,7 @@
|
||||
|
||||
&-detail {
|
||||
overflow: hidden;
|
||||
|
||||
> div:not(:last-child) {
|
||||
margin-bottom: @margin-xs;
|
||||
}
|
||||
@ -298,6 +299,7 @@
|
||||
100% {
|
||||
background-position: 0 50%;
|
||||
}
|
||||
|
||||
50% {
|
||||
background-position: 100% 50%;
|
||||
}
|
||||
|
||||
@ -116,6 +116,7 @@
|
||||
display: block;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.slick-arrow.slick-hidden {
|
||||
display: none;
|
||||
}
|
||||
@ -137,15 +138,18 @@
|
||||
border: 0;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: transparent;
|
||||
background: transparent;
|
||||
outline: none;
|
||||
|
||||
&::before {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&.slick-disabled::before {
|
||||
opacity: 0.25;
|
||||
}
|
||||
@ -161,6 +165,7 @@
|
||||
|
||||
.slick-next {
|
||||
right: -25px;
|
||||
|
||||
&::before {
|
||||
content: '→';
|
||||
}
|
||||
@ -183,10 +188,12 @@
|
||||
&-bottom {
|
||||
bottom: 12px;
|
||||
}
|
||||
|
||||
&-top {
|
||||
top: 12px;
|
||||
bottom: auto;
|
||||
}
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
@ -202,6 +209,7 @@
|
||||
text-indent: -999px;
|
||||
vertical-align: top;
|
||||
transition: all 0.5s;
|
||||
|
||||
button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
@ -216,17 +224,21 @@
|
||||
cursor: pointer;
|
||||
opacity: 0.3;
|
||||
transition: all 0.5s;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
opacity: 0.75;
|
||||
}
|
||||
}
|
||||
|
||||
&.slick-active {
|
||||
width: @carousel-dot-active-width;
|
||||
|
||||
& button {
|
||||
background: @component-background;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
opacity: 1;
|
||||
@ -250,19 +262,23 @@
|
||||
right: auto;
|
||||
left: 12px;
|
||||
}
|
||||
|
||||
&-right {
|
||||
right: 12px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
li {
|
||||
width: @carousel-dot-height;
|
||||
height: @carousel-dot-width;
|
||||
margin: 4px 2px;
|
||||
vertical-align: baseline;
|
||||
|
||||
button {
|
||||
width: @carousel-dot-height;
|
||||
height: @carousel-dot-width;
|
||||
}
|
||||
|
||||
&.slick-active {
|
||||
width: @carousel-dot-height;
|
||||
height: @carousel-dot-active-width;
|
||||
|
||||
@ -19,6 +19,7 @@
|
||||
.@{carousel-prefix-cls}-rtl & {
|
||||
right: -25px;
|
||||
left: auto;
|
||||
|
||||
&::before {
|
||||
content: '→';
|
||||
}
|
||||
@ -29,6 +30,7 @@
|
||||
.@{carousel-prefix-cls}-rtl & {
|
||||
right: auto;
|
||||
left: -25px;
|
||||
|
||||
&::before {
|
||||
content: '←';
|
||||
}
|
||||
|
||||
@ -59,6 +59,7 @@
|
||||
&-disabled {
|
||||
color: @disabled-color;
|
||||
cursor: not-allowed;
|
||||
|
||||
&:hover {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
@ -2,4 +2,5 @@
|
||||
@import './mixin';
|
||||
|
||||
.antCheckboxFn();
|
||||
|
||||
@import './rtl';
|
||||
|
||||
@ -127,6 +127,7 @@
|
||||
.@{checkbox-inner-prefix-cls} {
|
||||
background-color: @input-disabled-bg;
|
||||
border-color: @border-color-base !important;
|
||||
|
||||
&::after {
|
||||
border-color: @input-disabled-bg;
|
||||
border-collapse: separate;
|
||||
@ -180,10 +181,12 @@
|
||||
|
||||
&-item {
|
||||
margin-right: @checkbox-group-item-margin-right;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&-item + &-item {
|
||||
margin-left: 0;
|
||||
}
|
||||
@ -222,6 +225,7 @@
|
||||
transform: scale(1);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1.6);
|
||||
opacity: 0;
|
||||
|
||||
@ -11,12 +11,14 @@
|
||||
margin-right: 0;
|
||||
margin-left: @checkbox-group-item-margin-right;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
.@{checkbox-prefix-cls}-group-rtl & {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-item + &-item {
|
||||
.@{checkbox-prefix-cls}-group-rtl & {
|
||||
margin-left: @checkbox-group-item-margin-right;
|
||||
|
||||
@ -38,6 +38,7 @@
|
||||
justify-content: flex-start;
|
||||
margin-bottom: @margin-xss;
|
||||
font-size: @comment-font-size-base;
|
||||
|
||||
& > a,
|
||||
& > span {
|
||||
padding-right: @padding-xs;
|
||||
@ -49,8 +50,10 @@
|
||||
color: @comment-author-name-color;
|
||||
font-size: @comment-font-size-base;
|
||||
transition: color 0.3s;
|
||||
|
||||
> * {
|
||||
color: @comment-author-name-color;
|
||||
|
||||
&:hover {
|
||||
color: @comment-author-name-color;
|
||||
}
|
||||
@ -78,6 +81,7 @@
|
||||
> li {
|
||||
display: inline-block;
|
||||
color: @comment-action-color;
|
||||
|
||||
> span {
|
||||
margin-right: 10px;
|
||||
color: @comment-action-color;
|
||||
|
||||
@ -31,6 +31,7 @@
|
||||
.@{comment-prefix-cls}-rtl & {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
> li {
|
||||
> span {
|
||||
.@{comment-prefix-cls}-rtl & {
|
||||
|
||||
@ -280,6 +280,7 @@
|
||||
&-in-view&-range-start:not(&-range-start-single):not(&-range-end) .@{cellClassName} {
|
||||
border-radius: @border-radius-base 0 0 @border-radius-base;
|
||||
}
|
||||
|
||||
// range end border-radius
|
||||
&-in-view&-range-end:not(&-range-end-single):not(&-range-start) .@{cellClassName} {
|
||||
border-radius: 0 @border-radius-base @border-radius-base 0;
|
||||
@ -298,12 +299,14 @@
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
.@{picker-prefix-cls}-date-panel
|
||||
&-in-view&-in-range&-range-hover-start
|
||||
.@{cellClassName}::after {
|
||||
right: -5px - @border-width-base;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.@{picker-prefix-cls}-date-panel &-in-view&-in-range&-range-hover-end .@{cellClassName}::after {
|
||||
right: 0;
|
||||
left: -5px - @border-width-base;
|
||||
@ -313,6 +316,7 @@
|
||||
&-range-hover&-range-start::after {
|
||||
right: 50%;
|
||||
}
|
||||
|
||||
&-range-hover&-range-end::after {
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
@ -31,6 +31,7 @@
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
border-radius: @border-radius-base;
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
@ -42,6 +43,7 @@
|
||||
> td {
|
||||
padding-bottom: @descriptions-item-padding-bottom;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
@ -126,6 +128,7 @@
|
||||
&-bordered {
|
||||
.@{descriptions-prefix-cls}-view {
|
||||
border: 1px solid @border-color-split;
|
||||
|
||||
> table {
|
||||
table-layout: auto;
|
||||
border-collapse: collapse;
|
||||
@ -144,6 +147,7 @@
|
||||
|
||||
.@{descriptions-prefix-cls}-item-label {
|
||||
background-color: @descriptions-bg;
|
||||
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
@ -151,6 +155,7 @@
|
||||
|
||||
.@{descriptions-prefix-cls}-row {
|
||||
border-bottom: 1px solid @border-color-split;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
@ -57,6 +57,7 @@
|
||||
top: 50%;
|
||||
width: @divider-orientation-margin;
|
||||
}
|
||||
|
||||
&::after {
|
||||
top: 50%;
|
||||
width: 100% - @divider-orientation-margin;
|
||||
@ -68,6 +69,7 @@
|
||||
top: 50%;
|
||||
width: 100% - @divider-orientation-margin;
|
||||
}
|
||||
|
||||
&::after {
|
||||
top: 50%;
|
||||
width: @divider-orientation-margin;
|
||||
@ -88,6 +90,7 @@
|
||||
|
||||
&-horizontal&-with-text&-dashed {
|
||||
border-top: 0;
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
border-style: dashed none none;
|
||||
|
||||
@ -14,6 +14,7 @@
|
||||
width: 100% - @divider-orientation-margin;
|
||||
}
|
||||
}
|
||||
|
||||
&::after {
|
||||
.@{divider-prefix-cls}-rtl& {
|
||||
width: @divider-orientation-margin;
|
||||
@ -27,6 +28,7 @@
|
||||
width: @divider-orientation-margin;
|
||||
}
|
||||
}
|
||||
|
||||
&::after {
|
||||
.@{divider-prefix-cls}-rtl& {
|
||||
width: 100% - @divider-orientation-margin;
|
||||
|
||||
@ -112,6 +112,7 @@
|
||||
.@{drawer-prefix-cls}-content-wrapper {
|
||||
box-shadow: @shadow-1-up;
|
||||
}
|
||||
|
||||
&.no-mask {
|
||||
bottom: 1px;
|
||||
transform: translateY(1px);
|
||||
@ -245,6 +246,7 @@
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@ -86,13 +86,16 @@
|
||||
border-left-color: transparent;
|
||||
box-shadow: 3px 3px 7px fade(@black, 7%);
|
||||
}
|
||||
|
||||
&-placement-topCenter > &-arrow {
|
||||
left: 50%;
|
||||
transform: translateX(-50%) rotate(45deg);
|
||||
}
|
||||
|
||||
&-placement-topLeft > &-arrow {
|
||||
left: 16px;
|
||||
}
|
||||
|
||||
&-placement-topRight > &-arrow {
|
||||
right: 16px;
|
||||
}
|
||||
@ -107,13 +110,16 @@
|
||||
border-left-color: @popover-bg;
|
||||
box-shadow: -2px -2px 5px fade(@black, 6%);
|
||||
}
|
||||
|
||||
&-placement-bottomCenter > &-arrow {
|
||||
left: 50%;
|
||||
transform: translateX(-50%) rotate(45deg);
|
||||
}
|
||||
|
||||
&-placement-bottomLeft > &-arrow {
|
||||
left: 16px;
|
||||
}
|
||||
|
||||
&-placement-bottomRight > &-arrow {
|
||||
right: 16px;
|
||||
}
|
||||
@ -362,6 +368,7 @@
|
||||
.@{dropdown-prefix-cls}-menu-submenu-arrow::after {
|
||||
color: @text-color-secondary-dark;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: @text-color-inverse;
|
||||
background: transparent;
|
||||
|
||||
@ -55,23 +55,29 @@
|
||||
fill: @white;
|
||||
fill-opacity: 0.08;
|
||||
}
|
||||
|
||||
&-path {
|
||||
&-1 {
|
||||
fill: #262626;
|
||||
}
|
||||
|
||||
&-2 {
|
||||
fill: url(#linearGradient-1);
|
||||
}
|
||||
|
||||
&-3 {
|
||||
fill: #595959;
|
||||
}
|
||||
|
||||
&-4 {
|
||||
fill: #434343;
|
||||
}
|
||||
|
||||
&-5 {
|
||||
fill: #595959;
|
||||
}
|
||||
}
|
||||
|
||||
&-g {
|
||||
fill: #434343;
|
||||
}
|
||||
@ -81,23 +87,29 @@
|
||||
fill: #f5f5f5;
|
||||
fill-opacity: 0.8;
|
||||
}
|
||||
|
||||
&-path {
|
||||
&-1 {
|
||||
fill: #aeb8c2;
|
||||
}
|
||||
|
||||
&-2 {
|
||||
fill: url(#linearGradient-1);
|
||||
}
|
||||
|
||||
&-3 {
|
||||
fill: #f5f5f7;
|
||||
}
|
||||
|
||||
&-4 {
|
||||
fill: #dce0e6;
|
||||
}
|
||||
|
||||
&-5 {
|
||||
fill: #dce0e6;
|
||||
}
|
||||
}
|
||||
|
||||
&-g {
|
||||
fill: @white;
|
||||
}
|
||||
@ -111,9 +123,11 @@
|
||||
fill: @white;
|
||||
fill-opacity: 0.08;
|
||||
}
|
||||
|
||||
&-g {
|
||||
stroke: #434343;
|
||||
}
|
||||
|
||||
&-path {
|
||||
fill: #262626;
|
||||
stroke: #434343;
|
||||
@ -123,9 +137,11 @@
|
||||
&-ellipse {
|
||||
fill: #f5f5f5;
|
||||
}
|
||||
|
||||
&-g {
|
||||
stroke: #d9d9d9;
|
||||
}
|
||||
|
||||
&-path {
|
||||
fill: #fafafa;
|
||||
}
|
||||
|
||||
@ -54,6 +54,7 @@
|
||||
+ .@{form-prefix-cls}-text {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
&-handler-wrap {
|
||||
z-index: 2; // https://github.com/ant-design/ant-design/issues/6289
|
||||
}
|
||||
|
||||
@ -39,6 +39,7 @@
|
||||
&-small {
|
||||
.formSize(@input-height-sm);
|
||||
}
|
||||
|
||||
&-large {
|
||||
.formSize(@input-height-lg);
|
||||
}
|
||||
@ -263,6 +264,7 @@
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
@ -274,6 +276,7 @@
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
@ -285,6 +288,7 @@
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
|
||||
@ -32,6 +32,7 @@
|
||||
margin-left: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
&::after {
|
||||
.@{form-prefix-cls}-rtl & {
|
||||
margin: 0 @form-item-label-colon-margin-left 0 @form-item-label-colon-margin-right;
|
||||
@ -130,6 +131,7 @@
|
||||
margin-left: 19px;
|
||||
}
|
||||
}
|
||||
|
||||
&-clear {
|
||||
.@{form-prefix-cls}-rtl & {
|
||||
right: auto;
|
||||
|
||||
@ -75,6 +75,7 @@
|
||||
&-arrow {
|
||||
margin-right: 19px;
|
||||
}
|
||||
|
||||
&-clear {
|
||||
right: 32px;
|
||||
}
|
||||
@ -154,10 +155,12 @@
|
||||
.@{ant-prefix}-picker {
|
||||
background-color: @form-warning-input-bg;
|
||||
border-color: @warning-color;
|
||||
|
||||
&-focused,
|
||||
&:focus {
|
||||
.active(@warning-color, @warning-color-hover, @warning-color-outline);
|
||||
}
|
||||
|
||||
&:not([disabled]):hover {
|
||||
background-color: @form-warning-input-bg;
|
||||
border-color: @warning-color;
|
||||
@ -214,10 +217,12 @@
|
||||
.@{ant-prefix}-picker {
|
||||
background-color: @form-error-input-bg;
|
||||
border-color: @error-color;
|
||||
|
||||
&-focused,
|
||||
&:focus {
|
||||
.active(@error-color, @error-color-hover, @error-color-outline);
|
||||
}
|
||||
|
||||
&:not([disabled]):hover {
|
||||
background-color: @form-error-input-bg;
|
||||
border-color: @error-color;
|
||||
@ -285,6 +290,7 @@
|
||||
// Mentions
|
||||
.@{ant-prefix}-mentions {
|
||||
border-color: @error-color !important;
|
||||
|
||||
&-focused,
|
||||
&:focus {
|
||||
.active(@error-color, @error-color-hover, @error-color-outline);
|
||||
|
||||
@ -7,10 +7,12 @@
|
||||
.@{image-prefix-cls} {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
||||
&-img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
|
||||
&-placeholder {
|
||||
background-color: @image-bg;
|
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
|
||||
@ -74,9 +76,11 @@
|
||||
transition: transform 0.3s @ease-out 0s;
|
||||
user-select: none;
|
||||
pointer-events: auto;
|
||||
|
||||
&-wrapper {
|
||||
.box();
|
||||
transition: transform 0.3s @ease-out 0s;
|
||||
|
||||
&::before {
|
||||
display: inline-block;
|
||||
width: 1px;
|
||||
@ -90,6 +94,7 @@
|
||||
&-moving {
|
||||
.@{image-prefix-cls}-preview-img {
|
||||
cursor: grabbing;
|
||||
|
||||
&-wrapper {
|
||||
transition-duration: 0s;
|
||||
}
|
||||
@ -119,14 +124,17 @@
|
||||
margin-left: @control-padding-horizontal;
|
||||
padding: @control-padding-horizontal;
|
||||
cursor: pointer;
|
||||
|
||||
&-disabled {
|
||||
color: @image-preview-operation-disabled-color;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&-icon {
|
||||
font-size: @image-preview-operation-size;
|
||||
}
|
||||
@ -149,6 +157,7 @@
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
pointer-events: auto;
|
||||
|
||||
&-disabled {
|
||||
color: @image-preview-operation-disabled-color;
|
||||
cursor: not-allowed;
|
||||
|
||||
@ -13,6 +13,7 @@
|
||||
&-group {
|
||||
.reset-component();
|
||||
.input-group(~'@{input-number-prefix-cls}');
|
||||
|
||||
&-wrapper {
|
||||
display: inline-block;
|
||||
text-align: start;
|
||||
@ -39,9 +40,11 @@
|
||||
text-align: center;
|
||||
border-left: @border-width-base @border-style-base @input-number-handler-border-color;
|
||||
transition: all 0.1s linear;
|
||||
|
||||
&:active {
|
||||
background: @input-number-handler-active-bg;
|
||||
}
|
||||
|
||||
&:hover &-up-inner,
|
||||
&:hover &-down-inner {
|
||||
color: @input-number-handler-hover-bg;
|
||||
@ -171,11 +174,13 @@
|
||||
&-handler-up {
|
||||
border-top-right-radius: @border-radius-base;
|
||||
cursor: pointer;
|
||||
|
||||
&-inner {
|
||||
top: 50%;
|
||||
margin-top: -5px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
height: 60% !important;
|
||||
}
|
||||
@ -186,11 +191,13 @@
|
||||
border-top: @border-width-base @border-style-base @border-color-base;
|
||||
border-bottom-right-radius: @border-radius-base;
|
||||
cursor: pointer;
|
||||
|
||||
&-inner {
|
||||
top: 50%;
|
||||
text-align: center;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
height: 60% !important;
|
||||
}
|
||||
|
||||
@ -1,5 +1,4 @@
|
||||
@import './mixin';
|
||||
|
||||
@import (reference) '../../style/themes/index';
|
||||
@input-prefix-cls: ~'@{ant-prefix}-input';
|
||||
|
||||
|
||||
@ -15,6 +15,7 @@
|
||||
&-group {
|
||||
.reset-component();
|
||||
.input-group(~'@{input-prefix-cls}');
|
||||
|
||||
&-wrapper {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
|
||||
@ -8,6 +8,7 @@
|
||||
direction: rtl;
|
||||
}
|
||||
}
|
||||
|
||||
&-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
@ -26,6 +26,7 @@
|
||||
&-more {
|
||||
margin-top: @margin-sm;
|
||||
text-align: center;
|
||||
|
||||
button {
|
||||
padding-right: 32px;
|
||||
padding-left: 32px;
|
||||
@ -66,30 +67,36 @@
|
||||
&-avatar {
|
||||
margin-right: @list-item-meta-avatar-margin-right;
|
||||
}
|
||||
|
||||
&-content {
|
||||
flex: 1 0;
|
||||
width: 0;
|
||||
color: @text-color;
|
||||
}
|
||||
|
||||
&-title {
|
||||
margin-bottom: 4px;
|
||||
color: @text-color;
|
||||
font-size: @font-size-base;
|
||||
line-height: @line-height-base;
|
||||
|
||||
> a {
|
||||
color: @text-color;
|
||||
transition: all 0.3s;
|
||||
|
||||
&:hover {
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-description {
|
||||
color: @text-color-secondary;
|
||||
font-size: @list-item-meta-description-font-size;
|
||||
line-height: @line-height-base;
|
||||
}
|
||||
}
|
||||
|
||||
&-action {
|
||||
flex: 0 0 auto;
|
||||
margin-left: 48px;
|
||||
@ -146,6 +153,7 @@
|
||||
|
||||
&-split &-item {
|
||||
border-bottom: 1px solid @border-color-split;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
@ -204,6 +212,7 @@
|
||||
|
||||
> li {
|
||||
padding: 0 @padding-md;
|
||||
|
||||
&:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
@ -20,6 +20,7 @@
|
||||
.@{list-prefix-cls} {
|
||||
&-item {
|
||||
flex-wrap: wrap;
|
||||
|
||||
&-action {
|
||||
margin-left: 12px;
|
||||
}
|
||||
@ -29,9 +30,11 @@
|
||||
.@{list-prefix-cls}-vertical {
|
||||
.@{list-prefix-cls}-item {
|
||||
flex-wrap: wrap-reverse;
|
||||
|
||||
&-main {
|
||||
min-width: 220px;
|
||||
}
|
||||
|
||||
&-extra {
|
||||
margin: auto auto 16px;
|
||||
}
|
||||
|
||||
@ -8,6 +8,7 @@
|
||||
.@{menu-prefix-cls}-submenu-title .@{menu-prefix-cls}-submenu-arrow {
|
||||
opacity: 0.45;
|
||||
transition: all 0.3s;
|
||||
|
||||
&::after,
|
||||
&::before {
|
||||
background: @menu-dark-arrow-color;
|
||||
@ -65,6 +66,7 @@
|
||||
left: 0;
|
||||
margin-left: 0;
|
||||
border-right: 0;
|
||||
|
||||
&::after {
|
||||
border-right: 0;
|
||||
}
|
||||
@ -83,6 +85,7 @@
|
||||
&-dark &-submenu-title:hover {
|
||||
color: @menu-dark-highlight-color;
|
||||
background-color: transparent;
|
||||
|
||||
> a,
|
||||
> span > a {
|
||||
color: @menu-dark-highlight-color;
|
||||
@ -90,6 +93,7 @@
|
||||
> .@{menu-prefix-cls}-submenu-title {
|
||||
> .@{menu-prefix-cls}-submenu-arrow {
|
||||
opacity: 1;
|
||||
|
||||
&::after,
|
||||
&::before {
|
||||
background: @menu-dark-highlight-color;
|
||||
@ -97,6 +101,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-dark &-item:hover {
|
||||
background-color: @menu-dark-item-hover-bg;
|
||||
}
|
||||
@ -108,9 +113,11 @@
|
||||
&-dark &-item-selected {
|
||||
color: @menu-dark-highlight-color;
|
||||
border-right: 0;
|
||||
|
||||
&::after {
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
> a,
|
||||
> span > a,
|
||||
> a:hover,
|
||||
|
||||
@ -67,6 +67,7 @@
|
||||
transition: border-color @animation-duration-slow @ease-in-out,
|
||||
background @animation-duration-slow @ease-in-out;
|
||||
}
|
||||
|
||||
&-submenu,
|
||||
&-submenu-inline {
|
||||
transition: border-color @animation-duration-slow @ease-in-out,
|
||||
@ -95,9 +96,11 @@
|
||||
|
||||
&-item a {
|
||||
color: @menu-item-color;
|
||||
|
||||
&:hover {
|
||||
color: @menu-highlight-color;
|
||||
}
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@ -112,6 +115,7 @@
|
||||
// https://github.com/ant-design/ant-design/issues/19809
|
||||
&-item > .@{ant-prefix}-badge a {
|
||||
color: @menu-item-color;
|
||||
|
||||
&:hover {
|
||||
color: @menu-highlight-color;
|
||||
}
|
||||
@ -142,6 +146,7 @@
|
||||
|
||||
&-item-selected {
|
||||
color: @menu-highlight-color;
|
||||
|
||||
a,
|
||||
a:hover {
|
||||
color: @menu-highlight-color;
|
||||
@ -182,6 +187,7 @@
|
||||
left: 0;
|
||||
margin-left: 0;
|
||||
border-right: 0;
|
||||
|
||||
&::after {
|
||||
border-right: 0;
|
||||
}
|
||||
@ -218,6 +224,7 @@
|
||||
font-size: @menu-icon-size;
|
||||
transition: font-size @menu-animation-duration-normal @ease-out,
|
||||
margin @animation-duration-slow @ease-in-out, color @animation-duration-slow;
|
||||
|
||||
+ span {
|
||||
margin-left: @menu-icon-margin-right;
|
||||
opacity: 1;
|
||||
@ -280,6 +287,7 @@
|
||||
> .@{menu-prefix-cls} {
|
||||
background-color: @menu-bg;
|
||||
border-radius: @border-radius-base;
|
||||
|
||||
&-submenu-title::after {
|
||||
transition: transform @animation-duration-slow @ease-in-out;
|
||||
}
|
||||
@ -314,9 +322,11 @@
|
||||
color @animation-duration-slow @ease-in-out;
|
||||
content: '';
|
||||
}
|
||||
|
||||
&::before {
|
||||
transform: rotate(45deg) translateY(-2.5px);
|
||||
}
|
||||
|
||||
&::after {
|
||||
transform: rotate(-45deg) translateY(2.5px);
|
||||
}
|
||||
@ -333,6 +343,7 @@
|
||||
&::before {
|
||||
transform: rotate(-45deg) translateX(2.5px);
|
||||
}
|
||||
|
||||
&::after {
|
||||
transform: rotate(45deg) translateX(-2.5px);
|
||||
}
|
||||
@ -345,9 +356,11 @@
|
||||
&-open&-inline > &-title > &-arrow {
|
||||
// ↑
|
||||
transform: translateY(-2px);
|
||||
|
||||
&::after {
|
||||
transform: rotate(-45deg) translateX(-2.5px);
|
||||
}
|
||||
|
||||
&::before {
|
||||
transform: rotate(45deg) translateX(2.5px);
|
||||
}
|
||||
@ -411,13 +424,16 @@
|
||||
> .@{menu-prefix-cls}-item {
|
||||
a {
|
||||
color: @menu-item-color;
|
||||
|
||||
&:hover {
|
||||
color: @menu-highlight-color;
|
||||
}
|
||||
|
||||
&::before {
|
||||
bottom: -2px;
|
||||
}
|
||||
}
|
||||
|
||||
&-selected a {
|
||||
color: @menu-highlight-color;
|
||||
}
|
||||
@ -437,6 +453,7 @@
|
||||
&-inline {
|
||||
.@{menu-prefix-cls}-item {
|
||||
position: relative;
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@ -555,6 +572,7 @@
|
||||
margin: 0;
|
||||
font-size: @menu-icon-size-lg;
|
||||
line-height: @menu-item-height;
|
||||
|
||||
+ span {
|
||||
display: inline-block;
|
||||
opacity: 0;
|
||||
@ -574,6 +592,7 @@
|
||||
.@{iconfont-css-prefix} {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: @text-color-dark;
|
||||
}
|
||||
|
||||
@ -87,6 +87,7 @@
|
||||
transform: rotate(-45deg) translateY(-2px);
|
||||
}
|
||||
}
|
||||
|
||||
&::after {
|
||||
.@{menu-prefix-cls}-rtl & {
|
||||
transform: rotate(45deg) translateY(2px);
|
||||
|
||||
@ -17,6 +17,7 @@
|
||||
|
||||
&-selected {
|
||||
color: @menu-highlight-danger-color;
|
||||
|
||||
> a,
|
||||
> a:hover {
|
||||
color: @menu-highlight-danger-color;
|
||||
|
||||
@ -63,6 +63,7 @@
|
||||
padding: 8px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
max-height: 0;
|
||||
padding: 0;
|
||||
|
||||
@ -106,6 +106,7 @@
|
||||
|
||||
.@{dialog-prefix-cls}-centered {
|
||||
text-align: center;
|
||||
|
||||
&::before {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
|
||||
@ -50,6 +50,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-btns {
|
||||
.@{dialog-wrap-rtl-cls} & {
|
||||
float: left;
|
||||
|
||||
@ -69,6 +69,7 @@
|
||||
max-width: 4px;
|
||||
background-color: transparent;
|
||||
pointer-events: none;
|
||||
|
||||
&::before {
|
||||
display: block;
|
||||
content: '';
|
||||
@ -109,12 +110,15 @@
|
||||
&-success {
|
||||
color: @success-color;
|
||||
}
|
||||
|
||||
&-info {
|
||||
color: @info-color;
|
||||
}
|
||||
|
||||
&-warning {
|
||||
color: @warning-color;
|
||||
}
|
||||
|
||||
&-error {
|
||||
color: @error-color;
|
||||
}
|
||||
@ -181,6 +185,7 @@
|
||||
left: @notification-width;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
left: 0;
|
||||
opacity: 1;
|
||||
@ -192,6 +197,7 @@
|
||||
right: @notification-width;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
right: 0;
|
||||
opacity: 1;
|
||||
@ -204,6 +210,7 @@
|
||||
margin-bottom: @notification-margin-bottom;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
max-height: 0;
|
||||
margin-bottom: 0;
|
||||
|
||||
@ -90,6 +90,7 @@
|
||||
margin-left: @margin-sm;
|
||||
white-space: unset;
|
||||
}
|
||||
|
||||
> *:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
@ -105,6 +106,7 @@
|
||||
.@{ant-prefix}-tabs {
|
||||
> .@{ant-prefix}-tabs-nav {
|
||||
margin: 0;
|
||||
|
||||
&::before {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -56,6 +56,7 @@
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
> *:first-child {
|
||||
.@{pageheader-prefix-cls}-rtl & {
|
||||
margin-right: 0;
|
||||
|
||||
@ -63,6 +63,7 @@
|
||||
&:hover {
|
||||
border-color: @primary-color;
|
||||
transition: all 0.3s;
|
||||
|
||||
a {
|
||||
color: @primary-color;
|
||||
}
|
||||
@ -101,6 +102,7 @@
|
||||
letter-spacing: -1px;
|
||||
opacity: 0;
|
||||
transition: all 0.2s;
|
||||
|
||||
&-svg {
|
||||
top: 0;
|
||||
right: 0;
|
||||
@ -144,6 +146,7 @@
|
||||
&-jump-next {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
&-prev,
|
||||
&-next,
|
||||
&-jump-prev,
|
||||
@ -259,6 +262,7 @@
|
||||
height: @pagination-item-size-sm;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
|
||||
&::after {
|
||||
height: @pagination-item-size-sm;
|
||||
line-height: @pagination-item-size-sm;
|
||||
@ -326,6 +330,7 @@
|
||||
&.mini &-next &-item-link {
|
||||
background: transparent;
|
||||
border-color: transparent;
|
||||
|
||||
&::after {
|
||||
height: @pagination-item-size-sm;
|
||||
line-height: @pagination-item-size-sm;
|
||||
@ -377,6 +382,7 @@
|
||||
|
||||
&-active {
|
||||
background: @pagination-item-disabled-bg-active;
|
||||
|
||||
a {
|
||||
color: @pagination-item-disabled-color-active;
|
||||
}
|
||||
|
||||
@ -99,6 +99,7 @@
|
||||
color: @warning-color;
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
|
||||
&-title {
|
||||
padding-left: @font-size-base + 8px;
|
||||
}
|
||||
@ -149,6 +150,7 @@
|
||||
transform: translateY((-@popover-arrow-rotate-width / 2)) rotate(45deg);
|
||||
}
|
||||
}
|
||||
|
||||
&-placement-top &-arrow {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
@ -172,13 +174,16 @@
|
||||
transform: translateX((@popover-arrow-rotate-width / 2)) rotate(45deg);
|
||||
}
|
||||
}
|
||||
|
||||
&-placement-right &-arrow {
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
&-placement-rightTop &-arrow {
|
||||
top: @popover-arrow-offset-vertical;
|
||||
}
|
||||
|
||||
&-placement-rightBottom &-arrow {
|
||||
bottom: @popover-arrow-offset-vertical;
|
||||
}
|
||||
|
||||
@ -16,11 +16,13 @@
|
||||
|
||||
&-steps {
|
||||
display: inline-block;
|
||||
|
||||
&-outer {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
&-item {
|
||||
flex-shrink: 0;
|
||||
min-width: 2px;
|
||||
@ -180,6 +182,7 @@
|
||||
color: @error-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-circle&-status-success {
|
||||
.@{progress-prefix-cls}-text {
|
||||
color: @success-color;
|
||||
@ -192,10 +195,12 @@
|
||||
transform: translateX(-100%) scaleX(0);
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
20% {
|
||||
transform: translateX(-100%) scaleX(0);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateX(0) scaleX(1);
|
||||
opacity: 0;
|
||||
|
||||
@ -126,6 +126,7 @@
|
||||
.@{radio-prefix-cls}-checked {
|
||||
.@{radio-inner-prefix-cls} {
|
||||
border-color: @radio-dot-color;
|
||||
|
||||
&::after {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
@ -141,6 +142,7 @@
|
||||
background-color: @input-disabled-bg;
|
||||
border-color: @border-color-base !important;
|
||||
cursor: not-allowed;
|
||||
|
||||
&::after {
|
||||
background-color: @radio-dot-disabled-color;
|
||||
}
|
||||
@ -268,6 +270,7 @@ span.@{radio-prefix-cls} + * {
|
||||
&:hover {
|
||||
color: @radio-button-hover-color;
|
||||
border-color: @radio-button-hover-color;
|
||||
|
||||
&::before {
|
||||
background-color: @radio-button-hover-color;
|
||||
}
|
||||
@ -276,6 +279,7 @@ span.@{radio-prefix-cls} + * {
|
||||
&:active {
|
||||
color: @radio-button-active-color;
|
||||
border-color: @radio-button-active-color;
|
||||
|
||||
&::before {
|
||||
background-color: @radio-button-active-color;
|
||||
}
|
||||
@ -290,16 +294,19 @@ span.@{radio-prefix-cls} + * {
|
||||
color: @radio-solid-checked-color;
|
||||
background: @radio-dot-color;
|
||||
border-color: @radio-dot-color;
|
||||
|
||||
&:hover {
|
||||
color: @radio-solid-checked-color;
|
||||
background: @radio-button-hover-color;
|
||||
border-color: @radio-button-hover-color;
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: @radio-solid-checked-color;
|
||||
background: @radio-button-active-color;
|
||||
border-color: @radio-button-active-color;
|
||||
}
|
||||
|
||||
&:focus-within {
|
||||
box-shadow: @radio-button-focus-shadow;
|
||||
}
|
||||
@ -317,6 +324,7 @@ span.@{radio-prefix-cls} + * {
|
||||
background-color: @input-disabled-bg;
|
||||
border-color: @border-color-base;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
border-left-color: @border-color-base;
|
||||
}
|
||||
@ -335,6 +343,7 @@ span.@{radio-prefix-cls} + * {
|
||||
transform: scale(1);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1.6);
|
||||
opacity: 0;
|
||||
|
||||
@ -17,6 +17,7 @@
|
||||
|
||||
&-disabled &-star {
|
||||
cursor: default;
|
||||
|
||||
&:hover {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
@ -55,6 +55,7 @@
|
||||
&-extra {
|
||||
margin: @result-extra-margin;
|
||||
text-align: center;
|
||||
|
||||
> * {
|
||||
margin-right: 8px;
|
||||
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
@import '../../style/themes/index';
|
||||
@import '../../style/mixins/index';
|
||||
@import '../../input/style/mixin';
|
||||
|
||||
@import './single';
|
||||
@import './multiple';
|
||||
|
||||
@ -167,9 +166,11 @@
|
||||
opacity: 0;
|
||||
transition: color 0.3s ease, opacity 0.15s ease;
|
||||
text-rendering: auto;
|
||||
|
||||
&::before {
|
||||
display: block;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: @text-color-secondary;
|
||||
}
|
||||
|
||||
@ -271,6 +271,7 @@
|
||||
0% {
|
||||
background-position: 100% 50%;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-position: 0 50%;
|
||||
}
|
||||
|
||||
@ -41,6 +41,7 @@
|
||||
0% {
|
||||
background-position: 0% 50%;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-position: 100% 50%;
|
||||
}
|
||||
|
||||
@ -120,9 +120,11 @@
|
||||
&:first-child {
|
||||
margin-left: -4px;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-left: -4px;
|
||||
}
|
||||
|
||||
&-active {
|
||||
border-color: @slider-dot-border-color-active;
|
||||
}
|
||||
|
||||
@ -6,6 +6,7 @@
|
||||
|
||||
.@{space-prefix-cls} {
|
||||
display: inline-flex;
|
||||
|
||||
&-vertical {
|
||||
flex-direction: column;
|
||||
}
|
||||
@ -14,12 +15,15 @@
|
||||
&-center {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
&-start {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
&-end {
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
&-baseline {
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
@ -142,16 +142,19 @@
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
top: 0;
|
||||
right: 0;
|
||||
animation-delay: 0.4s;
|
||||
}
|
||||
|
||||
&:nth-child(3) {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
animation-delay: 0.8s;
|
||||
}
|
||||
|
||||
&:nth-child(4) {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
|
||||
@ -74,6 +74,7 @@
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&-tail {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
@ -91,6 +92,7 @@
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
&-title {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
@ -110,6 +112,7 @@
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
&-subtitle {
|
||||
display: inline;
|
||||
margin-left: 8px;
|
||||
@ -117,18 +120,21 @@
|
||||
font-weight: normal;
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
|
||||
&-description {
|
||||
color: @text-color-secondary;
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
.step-item-status(wait);
|
||||
.step-item-status(process);
|
||||
|
||||
&-process > &-container > &-icon {
|
||||
background: @process-icon-color;
|
||||
.@{steps-prefix-cls}-icon {
|
||||
color: @process-icon-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-process > &-container > &-title {
|
||||
font-weight: 500;
|
||||
}
|
||||
@ -197,9 +203,11 @@
|
||||
&:last-child .@{steps-prefix-cls}-item-title {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
&-tail {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-description {
|
||||
max-width: @steps-description-max-width;
|
||||
white-space: normal;
|
||||
@ -224,6 +232,7 @@
|
||||
}
|
||||
&-@{status} > &-container > &-content > &-title {
|
||||
color: @@title-color;
|
||||
|
||||
&::after {
|
||||
background-color: @@tail-color;
|
||||
}
|
||||
|
||||
@ -1,27 +1,33 @@
|
||||
.@{steps-prefix-cls}-label-vertical {
|
||||
.@{steps-prefix-cls}-item {
|
||||
overflow: visible;
|
||||
|
||||
&-tail {
|
||||
margin-left: 58px;
|
||||
padding: 3.5px 24px;
|
||||
}
|
||||
|
||||
&-content {
|
||||
display: block;
|
||||
width: ((@steps-icon-size / 2) + 42px) * 2;
|
||||
margin-top: 8px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&-icon {
|
||||
display: inline-block;
|
||||
margin-left: 42px;
|
||||
}
|
||||
|
||||
&-title {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&-subtitle {
|
||||
display: block;
|
||||
margin-bottom: 4px;
|
||||
|
||||
@ -41,6 +41,7 @@
|
||||
&:not(.@{steps-prefix-cls}-item-active) {
|
||||
.@{steps-prefix-cls}-item-container[role='button'] {
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
opacity: 0.85;
|
||||
}
|
||||
@ -49,6 +50,7 @@
|
||||
|
||||
&:last-child {
|
||||
flex: 1;
|
||||
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
@ -93,6 +95,7 @@
|
||||
.@{steps-prefix-cls}-navigation.@{steps-prefix-cls}-vertical {
|
||||
> .@{steps-prefix-cls}-item {
|
||||
margin-right: 0 !important;
|
||||
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
@ -104,6 +107,7 @@
|
||||
width: 3px;
|
||||
height: calc(100% - 24px);
|
||||
}
|
||||
|
||||
&::after {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
|
||||
@ -4,6 +4,7 @@
|
||||
&-title {
|
||||
line-height: @line-height-base;
|
||||
}
|
||||
|
||||
&-tail {
|
||||
top: @steps-dot-top;
|
||||
width: 100%;
|
||||
@ -19,6 +20,7 @@
|
||||
&:first-child .@{steps-prefix-cls}-icon-dot {
|
||||
left: 2px;
|
||||
}
|
||||
|
||||
&-icon {
|
||||
width: @steps-dot-size;
|
||||
height: @steps-dot-size;
|
||||
@ -47,6 +49,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-content {
|
||||
width: @steps-description-max-width;
|
||||
}
|
||||
|
||||
@ -193,6 +193,7 @@
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
&-icon {
|
||||
.@{steps-prefix-cls}-rtl& {
|
||||
margin-right: 67px;
|
||||
|
||||
@ -20,6 +20,7 @@
|
||||
padding-right: 12px;
|
||||
font-size: @font-size-base;
|
||||
line-height: @steps-small-icon-size;
|
||||
|
||||
&::after {
|
||||
top: (@steps-small-icon-size / 2);
|
||||
}
|
||||
|
||||
@ -199,6 +199,7 @@ sup {
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
@ -8,6 +8,7 @@
|
||||
// For common/openAnimation
|
||||
.ant-motion-collapse-legacy {
|
||||
overflow: hidden;
|
||||
|
||||
&-active {
|
||||
transition: height @animation-duration-base @ease-in-out,
|
||||
opacity @animation-duration-base @ease-in-out !important;
|
||||
|
||||
@ -17,6 +17,7 @@
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
@ -26,6 +27,7 @@
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
@ -22,6 +22,7 @@
|
||||
transform-origin: 0 0;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateY(0%);
|
||||
transform-origin: 0 0;
|
||||
@ -35,6 +36,7 @@
|
||||
transform-origin: 0 0;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateY(100%);
|
||||
transform-origin: 0 0;
|
||||
@ -48,6 +50,7 @@
|
||||
transform-origin: 0 0;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateX(0%);
|
||||
transform-origin: 0 0;
|
||||
@ -61,6 +64,7 @@
|
||||
transform-origin: 0 0;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateX(-100%);
|
||||
transform-origin: 0 0;
|
||||
@ -74,6 +78,7 @@
|
||||
transform-origin: 0 0;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateX(0%);
|
||||
transform-origin: 0 0;
|
||||
@ -87,6 +92,7 @@
|
||||
transform-origin: 0 0;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateX(100%);
|
||||
transform-origin: 0 0;
|
||||
@ -100,6 +106,7 @@
|
||||
transform-origin: 0 0;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateY(0%);
|
||||
transform-origin: 0 0;
|
||||
@ -113,6 +120,7 @@
|
||||
transform-origin: 0 0;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateY(-100%);
|
||||
transform-origin: 0 0;
|
||||
|
||||
@ -22,6 +22,7 @@
|
||||
transform-origin: 0% 0%;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scaleY(1);
|
||||
transform-origin: 0% 0%;
|
||||
@ -35,6 +36,7 @@
|
||||
transform-origin: 0% 0%;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scaleY(0.8);
|
||||
transform-origin: 0% 0%;
|
||||
@ -48,6 +50,7 @@
|
||||
transform-origin: 100% 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scaleY(1);
|
||||
transform-origin: 100% 100%;
|
||||
@ -61,6 +64,7 @@
|
||||
transform-origin: 100% 100%;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scaleY(0.8);
|
||||
transform-origin: 100% 100%;
|
||||
@ -74,6 +78,7 @@
|
||||
transform-origin: 0% 0%;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scaleX(1);
|
||||
transform-origin: 0% 0%;
|
||||
@ -87,6 +92,7 @@
|
||||
transform-origin: 0% 0%;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scaleX(0.8);
|
||||
transform-origin: 0% 0%;
|
||||
@ -100,6 +106,7 @@
|
||||
transform-origin: 100% 0%;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scaleX(1);
|
||||
transform-origin: 100% 0%;
|
||||
@ -113,6 +120,7 @@
|
||||
transform-origin: 100% 0%;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scaleX(0.8);
|
||||
transform-origin: 100% 0%;
|
||||
|
||||
@ -33,6 +33,7 @@
|
||||
transform: scale(0.2);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
@ -43,6 +44,7 @@
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(0.2);
|
||||
opacity: 0;
|
||||
@ -54,6 +56,7 @@
|
||||
transform: scale(0.8);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
@ -64,6 +67,7 @@
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(0.8);
|
||||
opacity: 0;
|
||||
@ -76,6 +80,7 @@
|
||||
transform-origin: 50% 0%;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
transform-origin: 50% 0%;
|
||||
@ -87,6 +92,7 @@
|
||||
transform: scale(1);
|
||||
transform-origin: 50% 0%;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(0.8);
|
||||
transform-origin: 50% 0%;
|
||||
@ -100,6 +106,7 @@
|
||||
transform-origin: 0% 50%;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
transform-origin: 0% 50%;
|
||||
@ -111,6 +118,7 @@
|
||||
transform: scale(1);
|
||||
transform-origin: 0% 50%;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(0.8);
|
||||
transform-origin: 0% 50%;
|
||||
@ -124,6 +132,7 @@
|
||||
transform-origin: 100% 50%;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
transform-origin: 100% 50%;
|
||||
@ -135,6 +144,7 @@
|
||||
transform: scale(1);
|
||||
transform-origin: 100% 50%;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(0.8);
|
||||
transform-origin: 100% 50%;
|
||||
@ -148,6 +158,7 @@
|
||||
transform-origin: 50% 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
transform-origin: 50% 100%;
|
||||
@ -159,6 +170,7 @@
|
||||
transform: scale(1);
|
||||
transform-origin: 50% 100%;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(0.8);
|
||||
transform-origin: 50% 100%;
|
||||
|
||||
@ -6,6 +6,7 @@
|
||||
display: table;
|
||||
content: '';
|
||||
}
|
||||
|
||||
&::after {
|
||||
// https://github.com/ant-design/ant-design/issues/21864
|
||||
display: table;
|
||||
|
||||
@ -64,6 +64,7 @@
|
||||
.@{table-prefix-cls}-row-expand-icon {
|
||||
border: @popover-border;
|
||||
}
|
||||
|
||||
tfoot {
|
||||
> tr {
|
||||
> th,
|
||||
@ -72,6 +73,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
thead {
|
||||
> tr {
|
||||
> th {
|
||||
@ -80,6 +82,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tbody {
|
||||
> tr {
|
||||
> td {
|
||||
|
||||
@ -45,6 +45,7 @@
|
||||
&-disabled {
|
||||
cursor: not-allowed;
|
||||
opacity: @switch-disabled-opacity;
|
||||
|
||||
* {
|
||||
box-shadow: none;
|
||||
cursor: not-allowed;
|
||||
|
||||
@ -1,5 +1,4 @@
|
||||
@import './size';
|
||||
|
||||
@import (reference) '../../style/themes/index';
|
||||
@table-prefix-cls: ~'@{ant-prefix}-table';
|
||||
|
||||
|
||||
@ -539,6 +539,7 @@
|
||||
&-collapsed::before {
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
|
||||
&-collapsed::after {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
@ -593,6 +594,7 @@
|
||||
.@{table-prefix-cls}-empty & {
|
||||
color: @disabled-color;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> td {
|
||||
background: @component-background;
|
||||
@ -651,6 +653,7 @@
|
||||
&::before {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
&::after {
|
||||
right: 0;
|
||||
}
|
||||
@ -689,6 +692,7 @@
|
||||
box-shadow: inset -10px 0 8px -8px darken(@shadow-color, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
&-sticky {
|
||||
&-holder {
|
||||
position: sticky;
|
||||
@ -705,16 +709,20 @@
|
||||
background: lighten(@table-border-color, 80%);
|
||||
border-top: 1px solid @table-border-color;
|
||||
opacity: 0.6;
|
||||
|
||||
&:hover {
|
||||
transform-origin: center bottom;
|
||||
}
|
||||
|
||||
&-bar {
|
||||
height: 8px;
|
||||
background-color: @table-sticky-scroll-bar-bg;
|
||||
border-radius: @table-sticky-scroll-bar-radius;
|
||||
|
||||
&:hover {
|
||||
background-color: @table-sticky-scroll-bar-active-bg;
|
||||
}
|
||||
|
||||
&-active {
|
||||
background-color: @table-sticky-scroll-bar-active-bg;
|
||||
}
|
||||
@ -730,6 +738,7 @@
|
||||
box-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
&-ping-right {
|
||||
.@{table-prefix-cls}-cell-fix-right-first::after {
|
||||
box-shadow: none !important;
|
||||
|
||||
@ -40,6 +40,7 @@
|
||||
left: 0;
|
||||
box-shadow: inset 10px 0 8px -8px fade(@shadow-color, 8%);
|
||||
}
|
||||
|
||||
&::after {
|
||||
right: 0;
|
||||
box-shadow: inset -10px 0 8px -8px fade(@shadow-color, 8%);
|
||||
@ -123,6 +124,7 @@
|
||||
top: 0;
|
||||
box-shadow: inset 0 10px 8px -8px fade(@shadow-color, 8%);
|
||||
}
|
||||
|
||||
&::after {
|
||||
bottom: 0;
|
||||
box-shadow: inset 0 -10px 8px -8px fade(@shadow-color, 8%);
|
||||
|
||||
@ -77,6 +77,7 @@
|
||||
&-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
&-menu-item {
|
||||
.@{tab-prefix-cls}-dropdown-rtl & {
|
||||
text-align: right;
|
||||
|
||||
@ -58,16 +58,20 @@
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
cursor: pointer;
|
||||
|
||||
&:not(&-checked):hover {
|
||||
color: @primary-color;
|
||||
}
|
||||
|
||||
&:active,
|
||||
&-checked {
|
||||
color: @text-color-inverse;
|
||||
}
|
||||
|
||||
&-checked {
|
||||
background-color: @primary-6;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: @primary-7;
|
||||
}
|
||||
|
||||
@ -15,6 +15,7 @@
|
||||
padding-right: @control-padding-horizontal-sm;
|
||||
padding-left: 24px;
|
||||
}
|
||||
|
||||
&-action {
|
||||
.@{transfer-prefix-cls}-rtl & {
|
||||
right: auto;
|
||||
@ -35,6 +36,7 @@
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
&-title {
|
||||
.@{transfer-prefix-cls}-rtl & {
|
||||
text-align: left;
|
||||
|
||||
@ -12,6 +12,7 @@
|
||||
display: inline-block;
|
||||
font-size: 10px;
|
||||
vertical-align: baseline;
|
||||
|
||||
svg {
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
@ -27,6 +28,7 @@
|
||||
background-color: @primary-color;
|
||||
border-radius: 1px;
|
||||
pointer-events: none;
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
@ -187,6 +189,7 @@
|
||||
border-right: 1px solid @normal-color;
|
||||
content: ' ';
|
||||
}
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
width: @tree-title-height - 14px;
|
||||
@ -233,6 +236,7 @@
|
||||
line-height: @tree-title-height;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
@ -310,6 +314,7 @@
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@ -22,6 +22,7 @@
|
||||
|
||||
&&-danger {
|
||||
color: @error-color;
|
||||
|
||||
a&:active,
|
||||
a&:focus,
|
||||
a&:hover {
|
||||
@ -45,18 +46,22 @@
|
||||
h1 {
|
||||
.typography-title-1();
|
||||
}
|
||||
|
||||
h2&,
|
||||
h2 {
|
||||
.typography-title-2();
|
||||
}
|
||||
|
||||
h3&,
|
||||
h3 {
|
||||
.typography-title-3();
|
||||
}
|
||||
|
||||
h4&,
|
||||
h4 {
|
||||
.typography-title-4();
|
||||
}
|
||||
|
||||
h5&,
|
||||
h5 {
|
||||
.typography-title-5();
|
||||
|
||||
@ -121,6 +121,7 @@
|
||||
color: @disabled-color;
|
||||
font-size: 30px;
|
||||
transition: all 0.3s;
|
||||
|
||||
&:hover {
|
||||
color: @text-color-secondary;
|
||||
}
|
||||
@ -149,6 +150,7 @@
|
||||
height: @line-height-base * @font-size-base;
|
||||
margin-top: @margin-xs;
|
||||
font-size: @font-size-base;
|
||||
|
||||
&-name {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
@ -246,6 +248,7 @@
|
||||
.@{iconfont-css-prefix} {
|
||||
color: @error-color;
|
||||
}
|
||||
|
||||
&-btn {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@ -21,6 +21,7 @@
|
||||
&-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
&-item-list-type-text {
|
||||
&:hover {
|
||||
.@{upload-prefix-cls}-list-item-name-icon-count-1 {
|
||||
@ -37,6 +38,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-item {
|
||||
&-name {
|
||||
.@{upload-prefix-cls}-list-rtl & {
|
||||
|
||||
@ -78,7 +78,7 @@
|
||||
"lint:deps": "antd-tools run deps-lint",
|
||||
"lint:md": "remark . -f -q",
|
||||
"lint:script": "eslint . --ext .js,.jsx,.ts,.tsx",
|
||||
"lint:style": "stylelint {site,components}/**/*.less --syntax less",
|
||||
"lint:style": "stylelint '{site,components}/**/*.less' --syntax less",
|
||||
"pre-publish": "npm run test-all -- --skip-build",
|
||||
"prettier": "prettier -c --write **/*",
|
||||
"pretty-quick": "pretty-quick",
|
||||
@ -270,7 +270,7 @@
|
||||
"simple-git": "^2.23.0",
|
||||
"string-replace-loader": "^3.0.3",
|
||||
"stylelint": "^13.0.0",
|
||||
"stylelint-config-prettier": "^8.0.0",
|
||||
"stylelint-config-prettier": "^9.0.2",
|
||||
"stylelint-config-rational-order": "^0.1.2",
|
||||
"stylelint-config-standard": "^22.0.0",
|
||||
"stylelint-declaration-block-no-ignored-properties": "^2.1.0",
|
||||
|
||||
@ -24,23 +24,30 @@
|
||||
|
||||
.color-palettes {
|
||||
margin: 0 1%;
|
||||
|
||||
&-dark {
|
||||
margin: 0;
|
||||
padding: 0 28px;
|
||||
background-color: #141414;
|
||||
|
||||
.color-title {
|
||||
color: fade(@white, 85);
|
||||
}
|
||||
|
||||
.color-description {
|
||||
color: fade(@white, 45);
|
||||
}
|
||||
|
||||
.color-palette {
|
||||
margin: 45px 3.5% 45px 0;
|
||||
|
||||
&:nth-of-type(3n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.main-color-item {
|
||||
margin-right: 0;
|
||||
|
||||
&:hover {
|
||||
margin-right: -8px;
|
||||
}
|
||||
@ -48,38 +55,46 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.color-palette {
|
||||
display: inline-block;
|
||||
width: 31%;
|
||||
margin: 45px 1%;
|
||||
|
||||
&-pick {
|
||||
margin: 0 0 20px;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&-picker {
|
||||
margin: 24px 0;
|
||||
|
||||
&-value {
|
||||
position: relative;
|
||||
top: -3px;
|
||||
margin-left: 16px;
|
||||
font-size: 14px;
|
||||
font-family: Consolas, sans-serif;
|
||||
|
||||
.ant-row-rtl & {
|
||||
margin-right: 16px;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&-validation {
|
||||
position: relative;
|
||||
top: -3px;
|
||||
margin-left: 16px;
|
||||
color: @error-color;
|
||||
font-size: 13px;
|
||||
|
||||
.ant-row-rtl & {
|
||||
margin-right: 16px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
&-dark {
|
||||
margin-left: 0;
|
||||
}
|
||||
@ -105,9 +120,11 @@
|
||||
.palette-gray-11 {
|
||||
background: @gray-11;
|
||||
}
|
||||
|
||||
.palette-gray-12 {
|
||||
background: @gray-12;
|
||||
}
|
||||
|
||||
.palette-gray-13 {
|
||||
background: @gray-13;
|
||||
}
|
||||
@ -124,21 +141,26 @@
|
||||
line-height: 44px;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
|
||||
&:first-child {
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
margin-right: -8px;
|
||||
border-radius: 0 4px 4px 0;
|
||||
}
|
||||
}
|
||||
|
||||
&-item &-text {
|
||||
float: left;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
&-item &-value {
|
||||
position: relative;
|
||||
left: 3px;
|
||||
@ -175,19 +197,24 @@
|
||||
|
||||
.color-palette-horizontal {
|
||||
width: 100%;
|
||||
|
||||
&-dark {
|
||||
height: 303px;
|
||||
padding: 32px 28px;
|
||||
background-color: #141414;
|
||||
|
||||
.color-palette-picker {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.color-palette-pick {
|
||||
color: fade(@white, 65);
|
||||
text-align: left;
|
||||
|
||||
&-hex {
|
||||
color: fade(@white, 65);
|
||||
}
|
||||
|
||||
.ant-row-rtl & {
|
||||
direction: rtl;
|
||||
text-align: right;
|
||||
|
||||
@ -148,6 +148,7 @@ a {
|
||||
|
||||
.menu-item-link-outside {
|
||||
position: relative;
|
||||
|
||||
.anticon {
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
@ -157,6 +158,7 @@ a {
|
||||
opacity: 0;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
&:hover .anticon {
|
||||
opacity: 1;
|
||||
}
|
||||
@ -178,6 +180,7 @@ a {
|
||||
margin-left: 5px;
|
||||
color: #aaa;
|
||||
font-size: 12px;
|
||||
|
||||
.ant-row-rtl & {
|
||||
margin-right: 5px;
|
||||
margin-left: 0;
|
||||
@ -204,6 +207,7 @@ a {
|
||||
|
||||
.drawer-content {
|
||||
padding: 40px 0;
|
||||
|
||||
&-wrapper {
|
||||
background-color: @component-background;
|
||||
}
|
||||
@ -227,22 +231,27 @@ a {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
cursor: pointer;
|
||||
|
||||
&-tooltip {
|
||||
.ant-tooltip-inner {
|
||||
min-width: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
& > div {
|
||||
display: block;
|
||||
}
|
||||
|
||||
&-active {
|
||||
color: @primary-color;
|
||||
}
|
||||
|
||||
& &-avatar {
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
box-shadow: @shadow-2;
|
||||
transition: color 0.3s;
|
||||
|
||||
&:hover {
|
||||
color: @primary-color;
|
||||
}
|
||||
|
||||
@ -41,16 +41,19 @@
|
||||
|
||||
.code-box {
|
||||
border: 1px solid @border-color-split;
|
||||
|
||||
.markdown {
|
||||
pre {
|
||||
margin: 0.5em 0;
|
||||
padding: 6px 12px;
|
||||
}
|
||||
|
||||
pre code {
|
||||
margin: 0;
|
||||
background: #262626;
|
||||
}
|
||||
}
|
||||
|
||||
&-debug {
|
||||
border-color: @purple-3;
|
||||
}
|
||||
@ -63,6 +66,7 @@
|
||||
cursor: pointer;
|
||||
opacity: 0.45;
|
||||
transition: all 0.3s;
|
||||
|
||||
&:hover {
|
||||
opacity: 0.65;
|
||||
}
|
||||
@ -84,9 +88,11 @@
|
||||
ul.anticons-list {
|
||||
li {
|
||||
color: #acacac;
|
||||
|
||||
&.TwoTone:hover {
|
||||
background-color: #15395b;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.anticon {
|
||||
color: #fff;
|
||||
@ -206,13 +212,16 @@
|
||||
transparent 95.83333333%
|
||||
);
|
||||
}
|
||||
|
||||
.code-box-demo .ant-row > div:not(.gutter-row) {
|
||||
padding: 16px 0;
|
||||
background: #028ac8;
|
||||
|
||||
&:nth-child(2n + 1) {
|
||||
background: fade(#0088c6, 70%);
|
||||
}
|
||||
}
|
||||
|
||||
.ant-row .demo-col,
|
||||
.code-box-demo .ant-row .demo-col {
|
||||
margin-top: 0;
|
||||
@ -223,14 +232,17 @@
|
||||
text-align: center;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.ant-row .demo-col-1 {
|
||||
background: fade(#0088c6, 70%);
|
||||
}
|
||||
|
||||
.ant-row .demo-col-3,
|
||||
.code-box-demo .ant-row .demo-col-3 {
|
||||
color: @site-text-color-secondary;
|
||||
background: unset;
|
||||
}
|
||||
|
||||
.ant-row .demo-col-5,
|
||||
.code-box-demo .ant-row .demo-col-5 {
|
||||
color: @site-text-color-secondary;
|
||||
@ -268,10 +280,12 @@
|
||||
.ds-dropdown-menu {
|
||||
[class^='ds-dataset-'] {
|
||||
background: @popover-background;
|
||||
|
||||
.algolia-docsearch-suggestion {
|
||||
background: @popover-background;
|
||||
}
|
||||
}
|
||||
|
||||
.ds-suggestion.ds-cursor {
|
||||
.algolia-docsearch-suggestion:not(.suggestion-layout-simple) {
|
||||
.algolia-docsearch-suggestion--content {
|
||||
@ -280,13 +294,16 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.algolia-docsearch-suggestion--category-header {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
border-bottom: 1px solid @border-color-split;
|
||||
}
|
||||
|
||||
.algolia-docsearch-suggestion--subcategory-column::before {
|
||||
background: @border-color-split;
|
||||
}
|
||||
|
||||
.algolia-docsearch-suggestion--content {
|
||||
&::before {
|
||||
background: @border-color-split;
|
||||
@ -364,6 +381,7 @@
|
||||
&-img {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
&-search input {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
@ -15,6 +15,7 @@
|
||||
border: 1px solid @site-border-color-split;
|
||||
border-radius: @border-radius-base;
|
||||
transition: all 0.2s;
|
||||
|
||||
.code-box-title {
|
||||
&,
|
||||
a {
|
||||
@ -22,20 +23,24 @@
|
||||
background: @component-background;
|
||||
}
|
||||
}
|
||||
|
||||
&,
|
||||
.code-box-demo {
|
||||
background-color: @component-background;
|
||||
}
|
||||
|
||||
.markdown {
|
||||
pre {
|
||||
margin: 0.5em 0;
|
||||
padding: 6px 12px;
|
||||
}
|
||||
|
||||
pre code {
|
||||
margin: 0;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
}
|
||||
|
||||
&:target {
|
||||
border: 1px solid @primary-color;
|
||||
}
|
||||
@ -100,6 +105,7 @@
|
||||
.anticon {
|
||||
color: @site-text-color-secondary;
|
||||
transition: all 0.3s;
|
||||
|
||||
&:hover {
|
||||
color: @site-text-color;
|
||||
}
|
||||
@ -187,6 +193,7 @@
|
||||
.code-expand-icon-show {
|
||||
opacity: 0.55;
|
||||
pointer-events: auto;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
@ -223,6 +230,7 @@
|
||||
padding: 0;
|
||||
background: @component-background;
|
||||
}
|
||||
|
||||
&:not(:first-child) {
|
||||
border-top: 1px dashed @site-border-color-split;
|
||||
}
|
||||
@ -282,6 +290,7 @@
|
||||
&:hover {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
&.anticon-check {
|
||||
color: @green-6 !important;
|
||||
font-weight: bold;
|
||||
@ -310,6 +319,7 @@
|
||||
overflow: hidden;
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
@ -325,6 +335,7 @@
|
||||
pre {
|
||||
width: auto;
|
||||
margin: 0;
|
||||
|
||||
code {
|
||||
background: @component-background;
|
||||
border: none;
|
||||
|
||||
@ -6,6 +6,7 @@
|
||||
[class^='ds-dataset-'] {
|
||||
background: @component-background;
|
||||
border: none;
|
||||
|
||||
.algolia-docsearch-suggestion {
|
||||
background: @component-background;
|
||||
}
|
||||
|
||||
@ -16,6 +16,7 @@
|
||||
&-columns {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
&-item {
|
||||
html.rtl & {
|
||||
display: flex;
|
||||
|
||||
@ -146,6 +146,7 @@ pre[class*='language-'] {
|
||||
.token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@ -6,6 +6,7 @@
|
||||
color: @text-color-secondary;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s;
|
||||
|
||||
&:hover {
|
||||
color: @input-icon-hover-color;
|
||||
}
|
||||
@ -30,15 +31,19 @@
|
||||
.icon-pic-search-result {
|
||||
min-height: 50px;
|
||||
padding: 0 10px;
|
||||
|
||||
> .result-tip {
|
||||
padding: 10px 0;
|
||||
color: @text-color-secondary;
|
||||
}
|
||||
|
||||
> table {
|
||||
width: 100%;
|
||||
|
||||
.col-icon {
|
||||
width: 80px;
|
||||
padding: 10px 0;
|
||||
|
||||
> .anticon {
|
||||
font-size: 30px;
|
||||
|
||||
|
||||
@ -3,6 +3,7 @@ ul.anticons-list {
|
||||
overflow: hidden;
|
||||
direction: ltr;
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
float: left;
|
||||
@ -18,10 +19,12 @@ ul.anticons-list {
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
|
||||
|
||||
.rtl & {
|
||||
margin: 3px 0;
|
||||
padding: 10px 0 0;
|
||||
}
|
||||
|
||||
.anticon {
|
||||
margin: 12px 0 8px;
|
||||
font-size: 36px;
|
||||
@ -35,6 +38,7 @@ ul.anticons-list {
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
transform: scale(0.83);
|
||||
|
||||
.ant-badge {
|
||||
transition: color 0.3s ease-in-out;
|
||||
}
|
||||
@ -43,9 +47,11 @@ ul.anticons-list {
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: @primary-color;
|
||||
|
||||
.anticon {
|
||||
transform: scale(1.4);
|
||||
}
|
||||
|
||||
.ant-badge {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@ -57,12 +57,15 @@
|
||||
.markdown h3 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.markdown h4 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.markdown h5 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.markdown h6 {
|
||||
font-size: 12px;
|
||||
}
|
||||
@ -78,6 +81,7 @@
|
||||
.markdown p,
|
||||
.markdown pre {
|
||||
margin: 1em 0;
|
||||
|
||||
.ant-row-rtl & {
|
||||
direction: rtl;
|
||||
text-align: right;
|
||||
@ -95,6 +99,7 @@
|
||||
padding-right: 4px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
@ -176,6 +181,7 @@
|
||||
|
||||
.markdown table td > a:not(:last-child) {
|
||||
margin-right: 0 !important;
|
||||
|
||||
&::after {
|
||||
position: relative !important;
|
||||
}
|
||||
@ -288,6 +294,7 @@
|
||||
|
||||
tbody tr {
|
||||
transition: all 0.3s;
|
||||
|
||||
&:hover {
|
||||
background: rgba(60, 90, 100, 0.04);
|
||||
}
|
||||
@ -300,25 +307,31 @@
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
width: 55%;
|
||||
}
|
||||
|
||||
&:nth-child(3) {
|
||||
width: 22%;
|
||||
color: @magenta-7;
|
||||
font-size: max(@font-size-base - 1px, 12px);
|
||||
}
|
||||
|
||||
&:nth-child(4) {
|
||||
width: 15%;
|
||||
font-size: max(@font-size-base - 1px, 12px);
|
||||
}
|
||||
|
||||
&:nth-child(5) {
|
||||
width: 8%;
|
||||
font-size: max(@font-size-base - 1px, 12px);
|
||||
}
|
||||
|
||||
&:nth-last-child(3):first-child {
|
||||
width: 38%;
|
||||
}
|
||||
|
||||
&:nth-last-child(3):first-child ~ td:nth-last-child(2) {
|
||||
width: 70%;
|
||||
}
|
||||
@ -388,6 +401,7 @@
|
||||
transparent 95.83333333%
|
||||
);
|
||||
}
|
||||
|
||||
.ant-row > div,
|
||||
.code-box-demo .ant-row > div {
|
||||
min-height: 30px;
|
||||
@ -397,13 +411,16 @@
|
||||
text-align: center;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.code-box-demo .ant-row > div:not(.gutter-row) {
|
||||
padding: 16px 0;
|
||||
background: @demo-grid-color;
|
||||
|
||||
&:nth-child(2n + 1) {
|
||||
background: fade(@demo-grid-color, 75%);
|
||||
}
|
||||
}
|
||||
|
||||
.ant-row .demo-col,
|
||||
.code-box-demo .ant-row .demo-col {
|
||||
margin-top: 0;
|
||||
@ -414,39 +431,48 @@
|
||||
text-align: center;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.ant-row .demo-col-1 {
|
||||
background: fade(@demo-grid-color, 75%);
|
||||
}
|
||||
|
||||
.ant-row .demo-col-2,
|
||||
.code-box-demo .ant-row .demo-col-2 {
|
||||
background: fade(@demo-grid-color, 50%);
|
||||
}
|
||||
|
||||
.ant-row .demo-col-3,
|
||||
.code-box-demo .ant-row .demo-col-3 {
|
||||
color: #999;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.ant-row .demo-col-4,
|
||||
.code-box-demo .ant-row .demo-col-4 {
|
||||
background: fade(@demo-grid-color, 60%);
|
||||
}
|
||||
|
||||
.ant-row .demo-col-5,
|
||||
.code-box-demo .ant-row .demo-col-5 {
|
||||
color: #999;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.code-box-demo .height-100 {
|
||||
height: 100px;
|
||||
line-height: 100px;
|
||||
}
|
||||
|
||||
.code-box-demo .height-50 {
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
.code-box-demo .height-120 {
|
||||
height: 120px;
|
||||
line-height: 120px;
|
||||
}
|
||||
|
||||
.code-box-demo .height-80 {
|
||||
height: 80px;
|
||||
line-height: 80px;
|
||||
@ -464,19 +490,23 @@
|
||||
// For Changelog
|
||||
.markdown ul.ant-timeline {
|
||||
line-height: 2;
|
||||
|
||||
li.ant-timeline-item {
|
||||
margin: 0;
|
||||
padding: 0 0 30px;
|
||||
list-style: none;
|
||||
|
||||
.ant-timeline-item-content {
|
||||
position: relative;
|
||||
top: -14px;
|
||||
padding-left: 32px;
|
||||
font-size: 14px;
|
||||
|
||||
> h2 {
|
||||
margin-top: 0;
|
||||
padding-top: 4px;
|
||||
direction: ltr;
|
||||
|
||||
span {
|
||||
.ant-row-rtl & {
|
||||
float: right;
|
||||
@ -485,6 +515,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li.ant-timeline-item:first-child {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
@ -32,6 +32,7 @@
|
||||
.video-player {
|
||||
position: relative;
|
||||
max-width: 800px;
|
||||
|
||||
&-right {
|
||||
float: right;
|
||||
width: 616px;
|
||||
|
||||
@ -55,6 +55,7 @@
|
||||
.preview-image-wrapper video {
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
||||
+ svg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@ -110,6 +111,7 @@
|
||||
border-radius: @border-radius-base;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s;
|
||||
|
||||
&.no-padding {
|
||||
padding: 0;
|
||||
background: none;
|
||||
@ -137,13 +139,16 @@
|
||||
.ant-carousel {
|
||||
.slick-slider {
|
||||
padding-bottom: 24px;
|
||||
|
||||
img {
|
||||
display: inline;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.slick-dots {
|
||||
bottom: 4px;
|
||||
|
||||
li button {
|
||||
background: #888;
|
||||
}
|
||||
@ -198,6 +203,7 @@
|
||||
text-align: center;
|
||||
border: 1px solid #e8e8e8;
|
||||
border-radius: 4px;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
@ -20,6 +20,7 @@
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.code-boxes-col-2-1,
|
||||
.code-boxes-col-1-1 {
|
||||
float: none;
|
||||
@ -34,6 +35,7 @@
|
||||
width: 100%;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.preview-image-box {
|
||||
width: 100%;
|
||||
margin: 10px 0;
|
||||
@ -74,6 +76,7 @@
|
||||
margin-left: 0;
|
||||
padding-right: 16px;
|
||||
padding-left: 16px;
|
||||
|
||||
> .markdown > * {
|
||||
width: 100% !important;
|
||||
}
|
||||
@ -113,16 +116,20 @@
|
||||
margin: 80px auto 64px;
|
||||
}
|
||||
}
|
||||
|
||||
.parallax-bg {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.banner {
|
||||
display: block;
|
||||
height: 632px;
|
||||
|
||||
&-bg-wrapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.img-wrapper,
|
||||
.text-wrapper {
|
||||
display: inline-block;
|
||||
@ -132,10 +139,12 @@
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.img-wrapper {
|
||||
position: initial;
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
|
||||
svg {
|
||||
width: 100%;
|
||||
max-width: 260px;
|
||||
@ -143,18 +152,22 @@
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
.text-wrapper {
|
||||
min-height: 200px;
|
||||
margin-top: 32px;
|
||||
padding: 0;
|
||||
|
||||
h1 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
p {
|
||||
color: @home-text-color;
|
||||
font-size: 14px;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.banner-btns {
|
||||
display: block;
|
||||
min-width: 100%;
|
||||
@ -166,15 +179,19 @@
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
.banner-promote {
|
||||
min-width: 100%;
|
||||
margin-top: 32px;
|
||||
|
||||
.ant-divider {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a {
|
||||
font-size: 14px;
|
||||
white-space: nowrap;
|
||||
|
||||
img {
|
||||
width: 20px;
|
||||
}
|
||||
@ -182,72 +199,92 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page1 {
|
||||
min-height: 1300px;
|
||||
|
||||
.ant-row {
|
||||
margin: 24px auto 64px;
|
||||
|
||||
> div {
|
||||
margin-bottom: 48px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page2 {
|
||||
min-height: 840px;
|
||||
background: @body-background;
|
||||
|
||||
&-content {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&-components {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-product {
|
||||
min-height: auto;
|
||||
padding: 0 16px;
|
||||
|
||||
.product-block {
|
||||
margin-bottom: 34px;
|
||||
padding-bottom: 35px;
|
||||
border-bottom: 1px solid @site-border-color-split;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 32px;
|
||||
border-bottom: none;
|
||||
|
||||
.block-text-wrapper {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.block-image-wrapper {
|
||||
height: 88px;
|
||||
|
||||
img {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.block-text-wrapper {
|
||||
padding-bottom: 0;
|
||||
border-bottom: none;
|
||||
|
||||
h4 {
|
||||
margin-bottom: 4px;
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 8px;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
a {
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.components-button-wrapper {
|
||||
margin-top: 16px;
|
||||
font-size: 12px;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
a.more-mobile-react,
|
||||
a.more-mobile-angular {
|
||||
margin-top: 0;
|
||||
color: @link-color;
|
||||
}
|
||||
|
||||
a.more-mobile-react:hover,
|
||||
a.more-mobile-angular:hover {
|
||||
color: #40a9ff;
|
||||
@ -256,19 +293,23 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page3 {
|
||||
min-height: 688px;
|
||||
background: url('https://gw.alipayobjects.com/zos/rmsportal/qICoJIqqQRMeRGhPHBBS.svg') no-repeat;
|
||||
background-size: cover;
|
||||
|
||||
.ant-row {
|
||||
margin: 0 8px;
|
||||
}
|
||||
|
||||
.page3-block {
|
||||
margin-bottom: 32px;
|
||||
padding: 24px;
|
||||
background: @body-background;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 8px 16px rgba(174, 185, 193, 0.3);
|
||||
|
||||
&:nth-child(2) {
|
||||
.page3-img-wrapper img {
|
||||
display: block;
|
||||
@ -276,15 +317,19 @@
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.page3-img-wrapper {
|
||||
width: 20%;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.page3-text-wrapper {
|
||||
width: 80%;
|
||||
max-width: initial;
|
||||
|
||||
@ -5,6 +5,7 @@
|
||||
left: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.fixed-widgets {
|
||||
right: auto;
|
||||
left: 32px;
|
||||
|
||||
@ -16,6 +16,7 @@ ul.toc > li {
|
||||
padding-left: 0;
|
||||
line-height: 1.5;
|
||||
list-style: none;
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
@ -71,6 +72,7 @@ ul.toc > li {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 20px;
|
||||
|
||||
.ant-affix {
|
||||
z-index: 9;
|
||||
max-height: ~'calc(100vh - 16px)';
|
||||
@ -78,6 +80,7 @@ ul.toc > li {
|
||||
overflow-y: auto;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.ant-row-rtl & {
|
||||
right: auto;
|
||||
left: 20px;
|
||||
@ -88,9 +91,11 @@ ul.toc > li {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
bottom: 88px;
|
||||
|
||||
.ant-affix {
|
||||
background: @body-background;
|
||||
}
|
||||
|
||||
.ant-row-rtl & {
|
||||
right: auto;
|
||||
left: 20px;
|
||||
|
||||
@ -12,15 +12,18 @@
|
||||
color: @text-color;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
&-img {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 152px;
|
||||
}
|
||||
|
||||
&-card {
|
||||
cursor: pointer;
|
||||
transition: all @animation-duration-base @ease-in-out;
|
||||
|
||||
&:hover {
|
||||
box-shadow: @shadow-1-down;
|
||||
}
|
||||
|
||||
@ -20,6 +20,7 @@
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.home-banner-normal {
|
||||
display: none;
|
||||
}
|
||||
@ -33,9 +34,11 @@
|
||||
.home-banner-mini {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.home-banner-normal {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.home-card-logo-icon {
|
||||
display: block;
|
||||
}
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user