点击上传
@@ -68,7 +68,7 @@ export default class UploadFieldComponent extends UploadField {
readOnly
/>
)}
-
+
);
}
diff --git a/src/index.tsx b/src/index.tsx
index a20567ecd091197c49a761a61ed8f51d6edd9dab..190420032f8e053503bb7d7a05dc2e7a414782c3 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -9,3 +9,6 @@ export { default as SelectMultipleField } from './components/formFields/select/m
export { default as Table } from './steps/table'
export { default as Fetch } from './steps/fetch'
+export { default as Detail } from './steps/detail'
+export { default as DetailGroupField } from './components/detail/group'
+export { default as DetailTextField } from './components/detail/text'
diff --git a/src/main.less b/src/main.less
index 7e99e12d2919da3c47eedbe5e8390d219fd08506..9e82bb8f48b93d91b83a4a1103bf7a9376c51fa4 100644
--- a/src/main.less
+++ b/src/main.less
@@ -1,17 +1,26 @@
-.ccms_antd {
+.ccms-drip {
.header {
- padding-bottom: 16px;
- border-bottom: 1px solid rgba(0,0,0,.06);
- margin-bottom: 16px;
- }
+ margin-bottom: 24px;
+ border-bottom: 0;
+ &::after {
+ content: '';
+ display: block;
+ width: calc(100% + 48px);
+ height: 24px;
+ margin: 0 -24px;
+ margin-top: 24px;
+ background: #f0f2f5;
+ }
+ }
+}
:global {
- [class^=ant-]::-ms-clear,
- [class*= ant-]::-ms-clear,
- [class^=ant-] input::-ms-clear,
- [class*= ant-] input::-ms-clear,
- [class^=ant-] input::-ms-reveal,
- [class*= ant-] input::-ms-reveal {
+ [class^=drip-]::-ms-clear,
+ [class*= drip-]::-ms-clear,
+ [class^=drip-] input::-ms-clear,
+ [class*= drip-] input::-ms-clear,
+ [class^=drip-] input::-ms-reveal,
+ [class*= drip-] input::-ms-reveal {
display: none;
}
/* stylelint-disable at-rule-no-unknown */
@@ -42,9 +51,9 @@
}
body {
margin: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+ font-family: 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft YaHei', SimSun, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
font-variant: tabular-nums;
line-height: 1.5715;
background-color: #fff;
@@ -66,7 +75,7 @@
h6 {
margin-top: 0;
margin-bottom: 0.5em;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: 500;
}
p {
@@ -138,7 +147,7 @@
top: -0.5em;
}
a {
- color: #1890ff;
+ color: #2D64FF;
text-decoration: none;
background-color: transparent;
outline: none;
@@ -147,10 +156,10 @@
-webkit-text-decoration-skip: objects;
}
a:hover {
- color: #40a9ff;
+ color: #5789ff;
}
a:active {
- color: #096dd9;
+ color: #1c48d9;
}
a:active,
a:hover {
@@ -309,11 +318,11 @@
}
::-moz-selection {
color: #fff;
- background: #1890ff;
+ background: #2D64FF;
}
::selection {
color: #fff;
- background: #1890ff;
+ background: #2D64FF;
}
.clearfix::before {
display: table;
@@ -324,7 +333,7 @@
clear: both;
content: '';
}
- .anticon {
+ .dripicon {
display: inline-block;
color: inherit;
font-style: normal;
@@ -336,33 +345,33 @@
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
- .anticon > * {
+ .dripicon > * {
line-height: 1;
}
- .anticon svg {
+ .dripicon svg {
display: inline-block;
}
- .anticon::before {
+ .dripicon::before {
display: none;
}
- .anticon .anticon-icon {
+ .dripicon .dripicon-icon {
display: block;
}
- .anticon[tabindex] {
+ .dripicon[tabindex] {
cursor: pointer;
}
- .anticon-spin::before {
+ .dripicon-spin::before {
display: inline-block;
-webkit-animation: loadingCircle 1s infinite linear;
animation: loadingCircle 1s infinite linear;
}
- .anticon-spin {
+ .dripicon-spin {
display: inline-block;
-webkit-animation: loadingCircle 1s infinite linear;
animation: loadingCircle 1s infinite linear;
}
- .ant-fade-enter,
- .ant-fade-appear {
+ .drip-fade-enter,
+ .drip-fade-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -370,7 +379,7 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-fade-leave {
+ .drip-fade-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -378,27 +387,27 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-fade-enter.ant-fade-enter-active,
- .ant-fade-appear.ant-fade-appear-active {
+ .drip-fade-enter.drip-fade-enter-active,
+ .drip-fade-appear.drip-fade-appear-active {
-webkit-animation-name: antFadeIn;
animation-name: antFadeIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
- .ant-fade-leave.ant-fade-leave-active {
+ .drip-fade-leave.drip-fade-leave-active {
-webkit-animation-name: antFadeOut;
animation-name: antFadeOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
- .ant-fade-enter,
- .ant-fade-appear {
+ .drip-fade-enter,
+ .drip-fade-appear {
opacity: 0;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
- .ant-fade-leave {
+ .drip-fade-leave {
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@@ -434,8 +443,8 @@
opacity: 0;
}
}
- .ant-move-up-enter,
- .ant-move-up-appear {
+ .drip-move-up-enter,
+ .drip-move-up-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -443,7 +452,7 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-move-up-leave {
+ .drip-move-up-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -451,32 +460,32 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-move-up-enter.ant-move-up-enter-active,
- .ant-move-up-appear.ant-move-up-appear-active {
+ .drip-move-up-enter.drip-move-up-enter-active,
+ .drip-move-up-appear.drip-move-up-appear-active {
-webkit-animation-name: antMoveUpIn;
animation-name: antMoveUpIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
- .ant-move-up-leave.ant-move-up-leave-active {
+ .drip-move-up-leave.drip-move-up-leave-active {
-webkit-animation-name: antMoveUpOut;
animation-name: antMoveUpOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
- .ant-move-up-enter,
- .ant-move-up-appear {
+ .drip-move-up-enter,
+ .drip-move-up-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
- .ant-move-up-leave {
+ .drip-move-up-leave {
-webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
- .ant-move-down-enter,
- .ant-move-down-appear {
+ .drip-move-down-enter,
+ .drip-move-down-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -484,7 +493,7 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-move-down-leave {
+ .drip-move-down-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -492,32 +501,32 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-move-down-enter.ant-move-down-enter-active,
- .ant-move-down-appear.ant-move-down-appear-active {
+ .drip-move-down-enter.drip-move-down-enter-active,
+ .drip-move-down-appear.drip-move-down-appear-active {
-webkit-animation-name: antMoveDownIn;
animation-name: antMoveDownIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
- .ant-move-down-leave.ant-move-down-leave-active {
+ .drip-move-down-leave.drip-move-down-leave-active {
-webkit-animation-name: antMoveDownOut;
animation-name: antMoveDownOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
- .ant-move-down-enter,
- .ant-move-down-appear {
+ .drip-move-down-enter,
+ .drip-move-down-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
- .ant-move-down-leave {
+ .drip-move-down-leave {
-webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
- .ant-move-left-enter,
- .ant-move-left-appear {
+ .drip-move-left-enter,
+ .drip-move-left-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -525,7 +534,7 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-move-left-leave {
+ .drip-move-left-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -533,32 +542,32 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-move-left-enter.ant-move-left-enter-active,
- .ant-move-left-appear.ant-move-left-appear-active {
+ .drip-move-left-enter.drip-move-left-enter-active,
+ .drip-move-left-appear.drip-move-left-appear-active {
-webkit-animation-name: antMoveLeftIn;
animation-name: antMoveLeftIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
- .ant-move-left-leave.ant-move-left-leave-active {
+ .drip-move-left-leave.drip-move-left-leave-active {
-webkit-animation-name: antMoveLeftOut;
animation-name: antMoveLeftOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
- .ant-move-left-enter,
- .ant-move-left-appear {
+ .drip-move-left-enter,
+ .drip-move-left-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
- .ant-move-left-leave {
+ .drip-move-left-leave {
-webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
- .ant-move-right-enter,
- .ant-move-right-appear {
+ .drip-move-right-enter,
+ .drip-move-right-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -566,7 +575,7 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-move-right-leave {
+ .drip-move-right-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -574,27 +583,27 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-move-right-enter.ant-move-right-enter-active,
- .ant-move-right-appear.ant-move-right-appear-active {
+ .drip-move-right-enter.drip-move-right-enter-active,
+ .drip-move-right-appear.drip-move-right-appear-active {
-webkit-animation-name: antMoveRightIn;
animation-name: antMoveRightIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
- .ant-move-right-leave.ant-move-right-leave-active {
+ .drip-move-right-leave.drip-move-right-leave-active {
-webkit-animation-name: antMoveRightOut;
animation-name: antMoveRightOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
- .ant-move-right-enter,
- .ant-move-right-appear {
+ .drip-move-right-enter,
+ .drip-move-right-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
- .ant-move-right-leave {
+ .drip-move-right-leave {
-webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@@ -800,16 +809,16 @@
transform: rotate(360deg);
}
}
- [ant-click-animating='true'],
- [ant-click-animating-without-extra-node='true'] {
+ [drip-click-animating='true'],
+ [drip-click-animating-without-extra-node='true'] {
position: relative;
}
html {
- --antd-wave-shadow-color: #1890ff;
+ --drip-wave-shadow-color: #2D64FF;
--scroll-bar: 0;
}
- [ant-click-animating-without-extra-node='true']::after,
- .ant-click-animating-node {
+ [drip-click-animating-without-extra-node='true']::after,
+ .drip-click-animating-node {
position: absolute;
top: 0;
right: 0;
@@ -817,8 +826,8 @@
left: 0;
display: block;
border-radius: inherit;
- box-shadow: 0 0 0 0 #1890ff;
- box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
+ box-shadow: 0 0 0 0 #2D64FF;
+ box-shadow: 0 0 0 0 var(--drip-wave-shadow-color);
opacity: 0.2;
-webkit-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
@@ -829,14 +838,14 @@
}
@-webkit-keyframes waveEffect {
100% {
- box-shadow: 0 0 0 #1890ff;
- box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
+ box-shadow: 0 0 0 #2D64FF;
+ box-shadow: 0 0 0 6px var(--drip-wave-shadow-color);
}
}
@keyframes waveEffect {
100% {
- box-shadow: 0 0 0 #1890ff;
- box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
+ box-shadow: 0 0 0 #2D64FF;
+ box-shadow: 0 0 0 6px var(--drip-wave-shadow-color);
}
}
@-webkit-keyframes fadeEffect {
@@ -849,8 +858,8 @@
opacity: 0;
}
}
- .ant-slide-up-enter,
- .ant-slide-up-appear {
+ .drip-slide-up-enter,
+ .drip-slide-up-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -858,7 +867,7 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-slide-up-leave {
+ .drip-slide-up-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -866,32 +875,32 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-slide-up-enter.ant-slide-up-enter-active,
- .ant-slide-up-appear.ant-slide-up-appear-active {
- -webkit-animation-name: antSlideUpIn;
- animation-name: antSlideUpIn;
+ .drip-slide-up-enter.drip-slide-up-enter-active,
+ .drip-slide-up-appear.drip-slide-up-appear-active {
+ -webkit-animation-name: dripSlideUpIn;
+ animation-name: dripSlideUpIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
- .ant-slide-up-leave.ant-slide-up-leave-active {
- -webkit-animation-name: antSlideUpOut;
- animation-name: antSlideUpOut;
+ .drip-slide-up-leave.drip-slide-up-leave-active {
+ -webkit-animation-name: dripSlideUpOut;
+ animation-name: dripSlideUpOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
- .ant-slide-up-enter,
- .ant-slide-up-appear {
+ .drip-slide-up-enter,
+ .drip-slide-up-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
- .ant-slide-up-leave {
+ .drip-slide-up-leave {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
- .ant-slide-down-enter,
- .ant-slide-down-appear {
+ .drip-slide-down-enter,
+ .drip-slide-down-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -899,7 +908,7 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-slide-down-leave {
+ .drip-slide-down-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -907,32 +916,32 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-slide-down-enter.ant-slide-down-enter-active,
- .ant-slide-down-appear.ant-slide-down-appear-active {
- -webkit-animation-name: antSlideDownIn;
- animation-name: antSlideDownIn;
+ .drip-slide-down-enter.drip-slide-down-enter-active,
+ .drip-slide-down-appear.drip-slide-down-appear-active {
+ -webkit-animation-name: dripSlideDownIn;
+ animation-name: dripSlideDownIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
- .ant-slide-down-leave.ant-slide-down-leave-active {
- -webkit-animation-name: antSlideDownOut;
- animation-name: antSlideDownOut;
+ .drip-slide-down-leave.drip-slide-down-leave-active {
+ -webkit-animation-name: dripSlideDownOut;
+ animation-name: dripSlideDownOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
- .ant-slide-down-enter,
- .ant-slide-down-appear {
+ .drip-slide-down-enter,
+ .drip-slide-down-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
- .ant-slide-down-leave {
+ .drip-slide-down-leave {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
- .ant-slide-left-enter,
- .ant-slide-left-appear {
+ .drip-slide-left-enter,
+ .drip-slide-left-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -940,7 +949,7 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-slide-left-leave {
+ .drip-slide-left-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -948,32 +957,32 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-slide-left-enter.ant-slide-left-enter-active,
- .ant-slide-left-appear.ant-slide-left-appear-active {
- -webkit-animation-name: antSlideLeftIn;
- animation-name: antSlideLeftIn;
+ .drip-slide-left-enter.drip-slide-left-enter-active,
+ .drip-slide-left-appear.drip-slide-left-appear-active {
+ -webkit-animation-name: dripSlideLeftIn;
+ animation-name: dripSlideLeftIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
- .ant-slide-left-leave.ant-slide-left-leave-active {
- -webkit-animation-name: antSlideLeftOut;
- animation-name: antSlideLeftOut;
+ .drip-slide-left-leave.drip-slide-left-leave-active {
+ -webkit-animation-name: dripSlideLeftOut;
+ animation-name: dripSlideLeftOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
- .ant-slide-left-enter,
- .ant-slide-left-appear {
+ .drip-slide-left-enter,
+ .drip-slide-left-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
- .ant-slide-left-leave {
+ .drip-slide-left-leave {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
- .ant-slide-right-enter,
- .ant-slide-right-appear {
+ .drip-slide-right-enter,
+ .drip-slide-right-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -981,7 +990,7 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-slide-right-leave {
+ .drip-slide-right-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -989,31 +998,31 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-slide-right-enter.ant-slide-right-enter-active,
- .ant-slide-right-appear.ant-slide-right-appear-active {
- -webkit-animation-name: antSlideRightIn;
- animation-name: antSlideRightIn;
+ .drip-slide-right-enter.drip-slide-right-enter-active,
+ .drip-slide-right-appear.drip-slide-right-appear-active {
+ -webkit-animation-name: dripSlideRightIn;
+ animation-name: dripSlideRightIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
- .ant-slide-right-leave.ant-slide-right-leave-active {
- -webkit-animation-name: antSlideRightOut;
- animation-name: antSlideRightOut;
+ .drip-slide-right-leave.drip-slide-right-leave-active {
+ -webkit-animation-name: dripSlideRightOut;
+ animation-name: dripSlideRightOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
- .ant-slide-right-enter,
- .ant-slide-right-appear {
+ .drip-slide-right-enter,
+ .drip-slide-right-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
- .ant-slide-right-leave {
+ .drip-slide-right-leave {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
- @-webkit-keyframes antSlideUpIn {
+ @-webkit-keyframes dripSlideUpIn {
0% {
transform: scaleY(0.8);
transform-origin: 0% 0%;
@@ -1025,7 +1034,7 @@
opacity: 1;
}
}
- @keyframes antSlideUpIn {
+ @keyframes dripSlideUpIn {
0% {
transform: scaleY(0.8);
transform-origin: 0% 0%;
@@ -1037,7 +1046,7 @@
opacity: 1;
}
}
- @-webkit-keyframes antSlideUpOut {
+ @-webkit-keyframes dripSlideUpOut {
0% {
transform: scaleY(1);
transform-origin: 0% 0%;
@@ -1049,7 +1058,7 @@
opacity: 0;
}
}
- @keyframes antSlideUpOut {
+ @keyframes dripSlideUpOut {
0% {
transform: scaleY(1);
transform-origin: 0% 0%;
@@ -1061,7 +1070,7 @@
opacity: 0;
}
}
- @-webkit-keyframes antSlideDownIn {
+ @-webkit-keyframes dripSlideDownIn {
0% {
transform: scaleY(0.8);
transform-origin: 100% 100%;
@@ -1073,7 +1082,7 @@
opacity: 1;
}
}
- @keyframes antSlideDownIn {
+ @keyframes dripSlideDownIn {
0% {
transform: scaleY(0.8);
transform-origin: 100% 100%;
@@ -1085,7 +1094,7 @@
opacity: 1;
}
}
- @-webkit-keyframes antSlideDownOut {
+ @-webkit-keyframes dripSlideDownOut {
0% {
transform: scaleY(1);
transform-origin: 100% 100%;
@@ -1097,7 +1106,7 @@
opacity: 0;
}
}
- @keyframes antSlideDownOut {
+ @keyframes dripSlideDownOut {
0% {
transform: scaleY(1);
transform-origin: 100% 100%;
@@ -1109,7 +1118,7 @@
opacity: 0;
}
}
- @-webkit-keyframes antSlideLeftIn {
+ @-webkit-keyframes dripSlideLeftIn {
0% {
transform: scaleX(0.8);
transform-origin: 0% 0%;
@@ -1121,7 +1130,7 @@
opacity: 1;
}
}
- @keyframes antSlideLeftIn {
+ @keyframes dripSlideLeftIn {
0% {
transform: scaleX(0.8);
transform-origin: 0% 0%;
@@ -1133,7 +1142,7 @@
opacity: 1;
}
}
- @-webkit-keyframes antSlideLeftOut {
+ @-webkit-keyframes dripSlideLeftOut {
0% {
transform: scaleX(1);
transform-origin: 0% 0%;
@@ -1145,7 +1154,7 @@
opacity: 0;
}
}
- @keyframes antSlideLeftOut {
+ @keyframes dripSlideLeftOut {
0% {
transform: scaleX(1);
transform-origin: 0% 0%;
@@ -1157,7 +1166,7 @@
opacity: 0;
}
}
- @-webkit-keyframes antSlideRightIn {
+ @-webkit-keyframes dripSlideRightIn {
0% {
transform: scaleX(0.8);
transform-origin: 100% 0%;
@@ -1169,7 +1178,7 @@
opacity: 1;
}
}
- @keyframes antSlideRightIn {
+ @keyframes dripSlideRightIn {
0% {
transform: scaleX(0.8);
transform-origin: 100% 0%;
@@ -1181,7 +1190,7 @@
opacity: 1;
}
}
- @-webkit-keyframes antSlideRightOut {
+ @-webkit-keyframes dripSlideRightOut {
0% {
transform: scaleX(1);
transform-origin: 100% 0%;
@@ -1193,7 +1202,7 @@
opacity: 0;
}
}
- @keyframes antSlideRightOut {
+ @keyframes dripSlideRightOut {
0% {
transform: scaleX(1);
transform-origin: 100% 0%;
@@ -1205,8 +1214,8 @@
opacity: 0;
}
}
- .ant-zoom-enter,
- .ant-zoom-appear {
+ .drip-zoom-enter,
+ .drip-zoom-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -1214,7 +1223,7 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-zoom-leave {
+ .drip-zoom-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -1222,37 +1231,37 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-zoom-enter.ant-zoom-enter-active,
- .ant-zoom-appear.ant-zoom-appear-active {
+ .drip-zoom-enter.drip-zoom-enter-active,
+ .drip-zoom-appear.drip-zoom-appear-active {
-webkit-animation-name: antZoomIn;
animation-name: antZoomIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
- .ant-zoom-leave.ant-zoom-leave-active {
+ .drip-zoom-leave.drip-zoom-leave-active {
-webkit-animation-name: antZoomOut;
animation-name: antZoomOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
- .ant-zoom-enter,
- .ant-zoom-appear {
+ .drip-zoom-enter,
+ .drip-zoom-appear {
transform: scale(0);
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
- .ant-zoom-enter-prepare,
- .ant-zoom-appear-prepare {
+ .drip-zoom-enter-prepare,
+ .drip-zoom-appear-prepare {
transform: none;
}
- .ant-zoom-leave {
+ .drip-zoom-leave {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
- .ant-zoom-big-enter,
- .ant-zoom-big-appear {
+ .drip-zoom-big-enter,
+ .drip-zoom-big-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -1260,7 +1269,7 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-zoom-big-leave {
+ .drip-zoom-big-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -1268,37 +1277,37 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-zoom-big-enter.ant-zoom-big-enter-active,
- .ant-zoom-big-appear.ant-zoom-big-appear-active {
+ .drip-zoom-big-enter.drip-zoom-big-enter-active,
+ .drip-zoom-big-appear.drip-zoom-big-appear-active {
-webkit-animation-name: antZoomBigIn;
animation-name: antZoomBigIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
- .ant-zoom-big-leave.ant-zoom-big-leave-active {
+ .drip-zoom-big-leave.drip-zoom-big-leave-active {
-webkit-animation-name: antZoomBigOut;
animation-name: antZoomBigOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
- .ant-zoom-big-enter,
- .ant-zoom-big-appear {
+ .drip-zoom-big-enter,
+ .drip-zoom-big-appear {
transform: scale(0);
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
- .ant-zoom-big-enter-prepare,
- .ant-zoom-big-appear-prepare {
+ .drip-zoom-big-enter-prepare,
+ .drip-zoom-big-appear-prepare {
transform: none;
}
- .ant-zoom-big-leave {
+ .drip-zoom-big-leave {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
- .ant-zoom-big-fast-enter,
- .ant-zoom-big-fast-appear {
+ .drip-zoom-big-fast-enter,
+ .drip-zoom-big-fast-appear {
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
-webkit-animation-fill-mode: both;
@@ -1306,7 +1315,7 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-zoom-big-fast-leave {
+ .drip-zoom-big-fast-leave {
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
-webkit-animation-fill-mode: both;
@@ -1314,37 +1323,37 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
- .ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
+ .drip-zoom-big-fast-enter.drip-zoom-big-fast-enter-active,
+ .drip-zoom-big-fast-appear.drip-zoom-big-fast-appear-active {
-webkit-animation-name: antZoomBigIn;
animation-name: antZoomBigIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
- .ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
+ .drip-zoom-big-fast-leave.drip-zoom-big-fast-leave-active {
-webkit-animation-name: antZoomBigOut;
animation-name: antZoomBigOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
- .ant-zoom-big-fast-enter,
- .ant-zoom-big-fast-appear {
+ .drip-zoom-big-fast-enter,
+ .drip-zoom-big-fast-appear {
transform: scale(0);
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
- .ant-zoom-big-fast-enter-prepare,
- .ant-zoom-big-fast-appear-prepare {
+ .drip-zoom-big-fast-enter-prepare,
+ .drip-zoom-big-fast-appear-prepare {
transform: none;
}
- .ant-zoom-big-fast-leave {
+ .drip-zoom-big-fast-leave {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
- .ant-zoom-up-enter,
- .ant-zoom-up-appear {
+ .drip-zoom-up-enter,
+ .drip-zoom-up-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -1352,7 +1361,7 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-zoom-up-leave {
+ .drip-zoom-up-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -1360,37 +1369,37 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-zoom-up-enter.ant-zoom-up-enter-active,
- .ant-zoom-up-appear.ant-zoom-up-appear-active {
+ .drip-zoom-up-enter.drip-zoom-up-enter-active,
+ .drip-zoom-up-appear.drip-zoom-up-appear-active {
-webkit-animation-name: antZoomUpIn;
animation-name: antZoomUpIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
- .ant-zoom-up-leave.ant-zoom-up-leave-active {
+ .drip-zoom-up-leave.drip-zoom-up-leave-active {
-webkit-animation-name: antZoomUpOut;
animation-name: antZoomUpOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
- .ant-zoom-up-enter,
- .ant-zoom-up-appear {
+ .drip-zoom-up-enter,
+ .drip-zoom-up-appear {
transform: scale(0);
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
- .ant-zoom-up-enter-prepare,
- .ant-zoom-up-appear-prepare {
+ .drip-zoom-up-enter-prepare,
+ .drip-zoom-up-appear-prepare {
transform: none;
}
- .ant-zoom-up-leave {
+ .drip-zoom-up-leave {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
- .ant-zoom-down-enter,
- .ant-zoom-down-appear {
+ .drip-zoom-down-enter,
+ .drip-zoom-down-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -1398,7 +1407,7 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-zoom-down-leave {
+ .drip-zoom-down-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -1406,37 +1415,37 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-zoom-down-enter.ant-zoom-down-enter-active,
- .ant-zoom-down-appear.ant-zoom-down-appear-active {
+ .drip-zoom-down-enter.drip-zoom-down-enter-active,
+ .drip-zoom-down-appear.drip-zoom-down-appear-active {
-webkit-animation-name: antZoomDownIn;
animation-name: antZoomDownIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
- .ant-zoom-down-leave.ant-zoom-down-leave-active {
+ .drip-zoom-down-leave.drip-zoom-down-leave-active {
-webkit-animation-name: antZoomDownOut;
animation-name: antZoomDownOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
- .ant-zoom-down-enter,
- .ant-zoom-down-appear {
+ .drip-zoom-down-enter,
+ .drip-zoom-down-appear {
transform: scale(0);
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
- .ant-zoom-down-enter-prepare,
- .ant-zoom-down-appear-prepare {
+ .drip-zoom-down-enter-prepare,
+ .drip-zoom-down-appear-prepare {
transform: none;
}
- .ant-zoom-down-leave {
+ .drip-zoom-down-leave {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
- .ant-zoom-left-enter,
- .ant-zoom-left-appear {
+ .drip-zoom-left-enter,
+ .drip-zoom-left-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -1444,7 +1453,7 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-zoom-left-leave {
+ .drip-zoom-left-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -1452,37 +1461,37 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-zoom-left-enter.ant-zoom-left-enter-active,
- .ant-zoom-left-appear.ant-zoom-left-appear-active {
+ .drip-zoom-left-enter.drip-zoom-left-enter-active,
+ .drip-zoom-left-appear.drip-zoom-left-appear-active {
-webkit-animation-name: antZoomLeftIn;
animation-name: antZoomLeftIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
- .ant-zoom-left-leave.ant-zoom-left-leave-active {
+ .drip-zoom-left-leave.drip-zoom-left-leave-active {
-webkit-animation-name: antZoomLeftOut;
animation-name: antZoomLeftOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
- .ant-zoom-left-enter,
- .ant-zoom-left-appear {
+ .drip-zoom-left-enter,
+ .drip-zoom-left-appear {
transform: scale(0);
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
- .ant-zoom-left-enter-prepare,
- .ant-zoom-left-appear-prepare {
+ .drip-zoom-left-enter-prepare,
+ .drip-zoom-left-appear-prepare {
transform: none;
}
- .ant-zoom-left-leave {
+ .drip-zoom-left-leave {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
- .ant-zoom-right-enter,
- .ant-zoom-right-appear {
+ .drip-zoom-right-enter,
+ .drip-zoom-right-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -1490,7 +1499,7 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-zoom-right-leave {
+ .drip-zoom-right-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
@@ -1498,32 +1507,32 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-zoom-right-enter.ant-zoom-right-enter-active,
- .ant-zoom-right-appear.ant-zoom-right-appear-active {
+ .drip-zoom-right-enter.drip-zoom-right-enter-active,
+ .drip-zoom-right-appear.drip-zoom-right-appear-active {
-webkit-animation-name: antZoomRightIn;
animation-name: antZoomRightIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
- .ant-zoom-right-leave.ant-zoom-right-leave-active {
+ .drip-zoom-right-leave.drip-zoom-right-leave-active {
-webkit-animation-name: antZoomRightOut;
animation-name: antZoomRightOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
- .ant-zoom-right-enter,
- .ant-zoom-right-appear {
+ .drip-zoom-right-enter,
+ .drip-zoom-right-appear {
transform: scale(0);
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
- .ant-zoom-right-enter-prepare,
- .ant-zoom-right-appear-prepare {
+ .drip-zoom-right-enter-prepare,
+ .drip-zoom-right-appear-prepare {
transform: none;
}
- .ant-zoom-right-leave {
+ .drip-zoom-right-leave {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@@ -1779,13 +1788,13 @@
opacity: 0;
}
}
- .ant-motion-collapse-legacy {
+ .drip-motion-collapse-legacy {
overflow: hidden;
}
- .ant-motion-collapse-legacy-active {
+ .drip-motion-collapse-legacy-active {
transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
- .ant-motion-collapse {
+ .drip-motion-collapse {
overflow: hidden;
transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
@@ -1794,7 +1803,7 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-affix {
+ .drip-affix {
position: fixed;
z-index: 10;
}
@@ -1803,11 +1812,11 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-alert {
+ .drip-alert {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -1820,54 +1829,58 @@
word-wrap: break-word;
border-radius: 2px;
}
- .ant-alert-content {
+ .drip-alert-content {
flex: 1;
min-width: 0;
}
- .ant-alert-icon {
+ .drip-alert-icon {
margin-right: 8px;
}
- .ant-alert-description {
+ .drip-alert-description {
display: none;
font-size: 14px;
line-height: 22px;
}
- .ant-alert-success {
- background-color: #f6ffed;
- border: 1px solid #b7eb8f;
+ .drip-alert-success {
+ background-color: #ebfff2;
+ border: 1px solid #8debb5;
}
- .ant-alert-success .ant-alert-icon {
- color: #52c41a;
+ .drip-alert-success .drip-alert-icon,
+ .drip-alert-success .drip-alert-message {
+ color: #17C574;
}
- .ant-alert-info {
- background-color: #e6f7ff;
- border: 1px solid #91d5ff;
+ .drip-alert-info {
+ background-color: #f0f6ff;
+ border: 1px solid #a8c8ff;
}
- .ant-alert-info .ant-alert-icon {
- color: #1890ff;
+ .drip-alert-info .drip-alert-icon,
+ .drip-alert-info .drip-alert-message {
+ color: #2D64FF;
}
- .ant-alert-warning {
+ .drip-alert-warning {
background-color: #fffbe6;
- border: 1px solid #ffe58f;
+ border: 1px solid #ffe48a;
}
- .ant-alert-warning .ant-alert-icon {
- color: #faad14;
+ .drip-alert-warning .drip-alert-icon,
+ .drip-alert-warning .drip-alert-message {
+ color: #FEB00E;
}
- .ant-alert-error {
+ .drip-alert-error {
background-color: #fff2f0;
- border: 1px solid #ffccc7;
+ border: 1px solid #ffcdc7;
}
- .ant-alert-error .ant-alert-icon {
- color: #ff4d4f;
+ .drip-alert-error .drip-alert-icon,
+ .drip-alert-error .drip-alert-message {
+ color: #FF4C4C;
}
- .ant-alert-error .ant-alert-description > pre {
+ .drip-alert-error .drip-alert-description > pre {
margin: 0;
padding: 0;
}
- .ant-alert-action {
+ .drip-alert-action {
margin-left: 8px;
}
- .ant-alert-close-icon {
+ .drip-alert-close-icon {
margin-left: 8px;
padding: 0;
overflow: hidden;
@@ -1878,79 +1891,81 @@
outline: none;
cursor: pointer;
}
- .ant-alert-close-icon .anticon-close {
+ .drip-alert-close-icon .dripicon-close {
color: rgba(0, 0, 0, 0.45);
transition: color 0.3s;
}
- .ant-alert-close-icon .anticon-close:hover {
+ .drip-alert-close-icon .dripicon-close:hover {
color: rgba(0, 0, 0, 0.75);
}
- .ant-alert-close-text {
+ .drip-alert-close-text {
color: rgba(0, 0, 0, 0.45);
transition: color 0.3s;
}
- .ant-alert-close-text:hover {
+ .drip-alert-close-text:hover {
color: rgba(0, 0, 0, 0.75);
}
- .ant-alert-with-description {
+ .drip-alert-with-description {
align-items: flex-start;
padding: 15px 15px 15px 24px;
}
- .ant-alert-with-description.ant-alert-no-icon {
+ .drip-alert-with-description.drip-alert-no-icon {
padding: 15px 15px;
}
- .ant-alert-with-description .ant-alert-icon {
+ .drip-alert-no-border {
+ border: none !important;
+ }
+ .drip-alert-with-description .drip-alert-icon {
margin-right: 15px;
font-size: 24px;
}
- .ant-alert-with-description .ant-alert-message {
+ .drip-alert-with-description .drip-alert-message {
display: block;
margin-bottom: 4px;
- color: rgba(0, 0, 0, 0.85);
font-size: 16px;
}
- .ant-alert-message {
- color: rgba(0, 0, 0, 0.85);
+ .drip-alert-message {
+ color: rgba(0, 0, 0, 0.82);
}
- .ant-alert-with-description .ant-alert-description {
+ .drip-alert-with-description .drip-alert-description {
display: block;
}
- .ant-alert.ant-alert-motion-leave {
+ .drip-alert.drip-alert-motion-leave {
overflow: hidden;
opacity: 1;
transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
- .ant-alert.ant-alert-motion-leave-active {
+ .drip-alert.drip-alert-motion-leave-active {
max-height: 0;
margin-bottom: 0 !important;
padding-top: 0;
padding-bottom: 0;
opacity: 0;
}
- .ant-alert-banner {
+ .drip-alert-banner {
margin-bottom: 0;
border: 0;
border-radius: 0;
}
- .ant-alert.ant-alert-rtl {
+ .drip-alert.drip-alert-rtl {
direction: rtl;
}
- .ant-alert-rtl.ant-alert.ant-alert-no-icon {
+ .drip-alert-rtl.drip-alert.drip-alert-no-icon {
padding: 8px 15px;
}
- .ant-alert-rtl .ant-alert-icon {
+ .drip-alert-rtl .drip-alert-icon {
margin-right: auto;
margin-left: 8px;
}
- .ant-alert-rtl .ant-alert-action {
+ .drip-alert-rtl .drip-alert-action {
margin-right: 8px;
margin-left: auto;
}
- .ant-alert-rtl .ant-alert-close-icon {
+ .drip-alert-rtl .drip-alert-close-icon {
margin-right: 8px;
margin-left: auto;
}
- .ant-alert-rtl.ant-alert-with-description .ant-alert-icon {
+ .drip-alert-rtl.drip-alert-with-description .drip-alert-icon {
margin-right: auto;
margin-left: 15px;
}
@@ -1959,11 +1974,11 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-anchor {
+ .drip-anchor {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -1972,19 +1987,19 @@
position: relative;
padding-left: 2px;
}
- .ant-anchor-wrapper {
+ .drip-anchor-wrapper {
margin-left: -4px;
padding-left: 4px;
overflow: auto;
background-color: transparent;
}
- .ant-anchor-ink {
+ .drip-anchor-ink {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
- .ant-anchor-ink::before {
+ .drip-anchor-ink::before {
position: relative;
display: block;
width: 2px;
@@ -1993,67 +2008,67 @@
background-color: #f0f0f0;
content: ' ';
}
- .ant-anchor-ink-ball {
+ .drip-anchor-ink-ball {
position: absolute;
left: 50%;
display: none;
width: 8px;
height: 8px;
background-color: #fff;
- border: 2px solid #1890ff;
+ border: 2px solid #2D64FF;
border-radius: 8px;
transform: translateX(-50%);
transition: top 0.3s ease-in-out;
}
- .ant-anchor-ink-ball.visible {
+ .drip-anchor-ink-ball.visible {
display: inline-block;
}
- .ant-anchor.fixed .ant-anchor-ink .ant-anchor-ink-ball {
+ .drip-anchor.fixed .drip-anchor-ink .drip-anchor-ink-ball {
display: none;
}
- .ant-anchor-link {
+ .drip-anchor-link {
padding: 7px 0 7px 16px;
line-height: 1.143;
}
- .ant-anchor-link-title {
+ .drip-anchor-link-title {
position: relative;
display: block;
margin-bottom: 6px;
overflow: hidden;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
white-space: nowrap;
text-overflow: ellipsis;
transition: all 0.3s;
}
- .ant-anchor-link-title:only-child {
+ .drip-anchor-link-title:only-child {
margin-bottom: 0;
}
- .ant-anchor-link-active > .ant-anchor-link-title {
- color: #1890ff;
+ .drip-anchor-link-active > .drip-anchor-link-title {
+ color: #2D64FF;
}
- .ant-anchor-link .ant-anchor-link {
+ .drip-anchor-link .drip-anchor-link {
padding-top: 5px;
padding-bottom: 5px;
}
- .ant-anchor-rtl {
+ .drip-anchor-rtl {
direction: rtl;
}
- .ant-anchor-rtl.ant-anchor-wrapper {
+ .drip-anchor-rtl.drip-anchor-wrapper {
margin-right: -4px;
margin-left: 0;
padding-right: 4px;
padding-left: 0;
}
- .ant-anchor-rtl .ant-anchor-ink {
+ .drip-anchor-rtl .drip-anchor-ink {
right: 0;
left: auto;
}
- .ant-anchor-rtl .ant-anchor-ink-ball {
+ .drip-anchor-rtl .drip-anchor-ink-ball {
right: 50%;
left: 0;
transform: translateX(50%);
}
- .ant-anchor-rtl .ant-anchor-link {
+ .drip-anchor-rtl .drip-anchor-link {
padding: 7px 16px 7px 0;
}
@@ -2061,18 +2076,18 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-select-auto-complete {
+ .drip-select-auto-complete {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
}
- .ant-select-auto-complete .ant-select-clear {
+ .drip-select-auto-complete .drip-select-clear {
right: 13px;
}
@@ -2080,166 +2095,166 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-select-single .ant-select-selector {
+ .drip-select-single .drip-select-selector {
display: flex;
}
- .ant-select-single .ant-select-selector .ant-select-selection-search {
+ .drip-select-single .drip-select-selector .drip-select-selection-search {
position: absolute;
top: 0;
right: 11px;
bottom: 0;
left: 11px;
}
- .ant-select-single .ant-select-selector .ant-select-selection-search-input {
+ .drip-select-single .drip-select-selector .drip-select-selection-search-input {
width: 100%;
}
- .ant-select-single .ant-select-selector .ant-select-selection-item,
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
+ .drip-select-single .drip-select-selector .drip-select-selection-item,
+ .drip-select-single .drip-select-selector .drip-select-selection-placeholder {
padding: 0;
line-height: 30px;
transition: all 0.3s;
}
@supports (-moz-appearance: meterbar) {
- .ant-select-single .ant-select-selector .ant-select-selection-item,
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
+ .drip-select-single .drip-select-selector .drip-select-selection-item,
+ .drip-select-single .drip-select-selector .drip-select-selection-placeholder {
line-height: 30px;
}
}
- .ant-select-single .ant-select-selector .ant-select-selection-item {
+ .drip-select-single .drip-select-selector .drip-select-selection-item {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
+ .drip-select-single .drip-select-selector .drip-select-selection-placeholder {
pointer-events: none;
}
- .ant-select-single .ant-select-selector::after,
- .ant-select-single .ant-select-selector .ant-select-selection-item::after,
- .ant-select-single .ant-select-selector .ant-select-selection-placeholder::after {
+ .drip-select-single .drip-select-selector::after,
+ .drip-select-single .drip-select-selector .drip-select-selection-item::after,
+ .drip-select-single .drip-select-selector .drip-select-selection-placeholder::after {
display: inline-block;
width: 0;
visibility: hidden;
content: '\a0';
}
- .ant-select-single.ant-select-show-arrow .ant-select-selection-search {
+ .drip-select-single.drip-select-show-arrow .drip-select-selection-search {
right: 25px;
}
- .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
- .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
+ .drip-select-single.drip-select-show-arrow .drip-select-selection-item,
+ .drip-select-single.drip-select-show-arrow .drip-select-selection-placeholder {
padding-right: 18px;
}
- .ant-select-single.ant-select-open .ant-select-selection-item {
+ .drip-select-single.drip-select-open .drip-select-selection-item {
color: #bfbfbf;
}
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
+ .drip-select-single:not(.drip-select-customize-input) .drip-select-selector {
width: 100%;
height: 32px;
padding: 0 11px;
}
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
+ .drip-select-single:not(.drip-select-customize-input) .drip-select-selector .drip-select-selection-search-input {
height: 30px;
}
- .ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
+ .drip-select-single:not(.drip-select-customize-input) .drip-select-selector::after {
line-height: 30px;
}
- .ant-select-single.ant-select-customize-input .ant-select-selector::after {
+ .drip-select-single.drip-select-customize-input .drip-select-selector::after {
display: none;
}
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
+ .drip-select-single.drip-select-customize-input .drip-select-selector .drip-select-selection-search {
position: static;
width: 100%;
}
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
+ .drip-select-single.drip-select-customize-input .drip-select-selector .drip-select-selection-placeholder {
position: absolute;
right: 0;
left: 0;
padding: 0 11px;
}
- .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
+ .drip-select-single.drip-select-customize-input .drip-select-selector .drip-select-selection-placeholder::after {
display: none;
}
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
+ .drip-select-single.drip-select-lg:not(.drip-select-customize-input) .drip-select-selector {
height: 40px;
}
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after,
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
+ .drip-select-single.drip-select-lg:not(.drip-select-customize-input) .drip-select-selector::after,
+ .drip-select-single.drip-select-lg:not(.drip-select-customize-input) .drip-select-selector .drip-select-selection-item,
+ .drip-select-single.drip-select-lg:not(.drip-select-customize-input) .drip-select-selector .drip-select-selection-placeholder {
line-height: 38px;
}
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
+ .drip-select-single.drip-select-lg:not(.drip-select-customize-input):not(.drip-select-customize-input) .drip-select-selection-search-input {
height: 38px;
}
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
+ .drip-select-single.drip-select-sm:not(.drip-select-customize-input) .drip-select-selector {
height: 24px;
}
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after,
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
+ .drip-select-single.drip-select-sm:not(.drip-select-customize-input) .drip-select-selector::after,
+ .drip-select-single.drip-select-sm:not(.drip-select-customize-input) .drip-select-selector .drip-select-selection-item,
+ .drip-select-single.drip-select-sm:not(.drip-select-customize-input) .drip-select-selector .drip-select-selection-placeholder {
line-height: 22px;
}
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
+ .drip-select-single.drip-select-sm:not(.drip-select-customize-input):not(.drip-select-customize-input) .drip-select-selection-search-input {
height: 22px;
}
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
+ .drip-select-single.drip-select-sm:not(.drip-select-customize-input) .drip-select-selection-search {
right: 7px;
left: 7px;
}
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
+ .drip-select-single.drip-select-sm:not(.drip-select-customize-input) .drip-select-selector {
padding: 0 7px;
}
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
+ .drip-select-single.drip-select-sm:not(.drip-select-customize-input).drip-select-show-arrow .drip-select-selection-search {
right: 28px;
}
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
- .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
+ .drip-select-single.drip-select-sm:not(.drip-select-customize-input).drip-select-show-arrow .drip-select-selection-item,
+ .drip-select-single.drip-select-sm:not(.drip-select-customize-input).drip-select-show-arrow .drip-select-selection-placeholder {
padding-right: 21px;
}
- .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
+ .drip-select-single.drip-select-lg:not(.drip-select-customize-input) .drip-select-selector {
padding: 0 11px;
}
/**
* Do not merge `height` & `line-height` under style with `selection` & `search`,
* since chrome may update to redesign with its align logic.
*/
- .ant-select-selection-overflow {
+ .drip-select-selection-overflow {
position: relative;
display: flex;
flex: auto;
flex-wrap: wrap;
max-width: 100%;
}
- .ant-select-selection-overflow-item {
+ .drip-select-selection-overflow-item {
flex: none;
align-self: center;
max-width: 100%;
}
- .ant-select-multiple .ant-select-selector {
+ .drip-select-multiple .drip-select-selector {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 1px 4px;
}
- .ant-select-show-search.ant-select-multiple .ant-select-selector {
+ .drip-select-show-search.drip-select-multiple .drip-select-selector {
cursor: text;
}
- .ant-select-disabled.ant-select-multiple .ant-select-selector {
+ .drip-select-disabled.drip-select-multiple .drip-select-selector {
background: #f5f5f5;
cursor: not-allowed;
}
- .ant-select-multiple .ant-select-selector::after {
+ .drip-select-multiple .drip-select-selector::after {
display: inline-block;
width: 0;
margin: 2px 0;
line-height: 24px;
content: '\a0';
}
- .ant-select-multiple.ant-select-show-arrow .ant-select-selector,
- .ant-select-multiple.ant-select-allow-clear .ant-select-selector {
+ .drip-select-multiple.drip-select-show-arrow .drip-select-selector,
+ .drip-select-multiple.drip-select-allow-clear .drip-select-selector {
padding-right: 24px;
}
- .ant-select-multiple .ant-select-selection-item {
+ .drip-select-multiple .drip-select-selection-item {
position: relative;
display: flex;
flex: none;
@@ -2265,19 +2280,19 @@
-webkit-padding-end: 4px;
padding-inline-end: 4px;
}
- .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
+ .drip-select-disabled.drip-select-multiple .drip-select-selection-item {
color: #bfbfbf;
border-color: #d9d9d9;
cursor: not-allowed;
}
- .ant-select-multiple .ant-select-selection-item-content {
+ .drip-select-multiple .drip-select-selection-item-content {
display: inline-block;
margin-right: 4px;
overflow: hidden;
white-space: pre;
text-overflow: ellipsis;
}
- .ant-select-multiple .ant-select-selection-item-remove {
+ .drip-select-multiple .drip-select-selection-item-remove {
color: inherit;
font-style: normal;
line-height: 0;
@@ -2294,29 +2309,29 @@
line-height: inherit;
cursor: pointer;
}
- .ant-select-multiple .ant-select-selection-item-remove > * {
+ .drip-select-multiple .drip-select-selection-item-remove > * {
line-height: 1;
}
- .ant-select-multiple .ant-select-selection-item-remove svg {
+ .drip-select-multiple .drip-select-selection-item-remove svg {
display: inline-block;
}
- .ant-select-multiple .ant-select-selection-item-remove::before {
+ .drip-select-multiple .drip-select-selection-item-remove::before {
display: none;
}
- .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
+ .drip-select-multiple .drip-select-selection-item-remove .drip-select-multiple .drip-select-selection-item-remove-icon {
display: block;
}
- .ant-select-multiple .ant-select-selection-item-remove > .anticon {
+ .drip-select-multiple .drip-select-selection-item-remove > .dripicon {
vertical-align: -0.2em;
}
- .ant-select-multiple .ant-select-selection-item-remove:hover {
+ .drip-select-multiple .drip-select-selection-item-remove:hover {
color: rgba(0, 0, 0, 0.75);
}
- .ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search {
+ .drip-select-multiple .drip-select-selection-overflow-item + .drip-select-selection-overflow-item .drip-select-selection-search {
-webkit-margin-start: 0;
margin-inline-start: 0;
}
- .ant-select-multiple .ant-select-selection-search {
+ .drip-select-multiple .drip-select-selection-search {
position: relative;
max-width: 100%;
margin-top: 2px;
@@ -2324,18 +2339,18 @@
-webkit-margin-start: 7px;
margin-inline-start: 7px;
}
- .ant-select-multiple .ant-select-selection-search-input,
- .ant-select-multiple .ant-select-selection-search-mirror {
+ .drip-select-multiple .drip-select-selection-search-input,
+ .drip-select-multiple .drip-select-selection-search-mirror {
height: 24px;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+ font-family: 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft YaHei', SimSun, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
line-height: 24px;
transition: all 0.3s;
}
- .ant-select-multiple .ant-select-selection-search-input {
+ .drip-select-multiple .drip-select-selection-search-input {
width: 100%;
min-width: 4.1px;
}
- .ant-select-multiple .ant-select-selection-search-mirror {
+ .drip-select-multiple .drip-select-selection-search-mirror {
position: absolute;
top: 0;
left: 0;
@@ -2343,7 +2358,7 @@
white-space: pre;
visibility: hidden;
}
- .ant-select-multiple .ant-select-selection-placeholder {
+ .drip-select-multiple .drip-select-selection-placeholder {
position: absolute;
top: 50%;
right: 11px;
@@ -2351,58 +2366,58 @@
transform: translateY(-50%);
transition: all 0.3s;
}
- .ant-select-multiple.ant-select-lg .ant-select-selector::after {
+ .drip-select-multiple.drip-select-lg .drip-select-selector::after {
line-height: 32px;
}
- .ant-select-multiple.ant-select-lg .ant-select-selection-item {
+ .drip-select-multiple.drip-select-lg .drip-select-selection-item {
height: 32px;
line-height: 30px;
}
- .ant-select-multiple.ant-select-lg .ant-select-selection-search {
+ .drip-select-multiple.drip-select-lg .drip-select-selection-search {
height: 32px;
line-height: 32px;
}
- .ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
- .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
+ .drip-select-multiple.drip-select-lg .drip-select-selection-search-input,
+ .drip-select-multiple.drip-select-lg .drip-select-selection-search-mirror {
height: 32px;
line-height: 30px;
}
- .ant-select-multiple.ant-select-sm .ant-select-selector::after {
+ .drip-select-multiple.drip-select-sm .drip-select-selector::after {
line-height: 16px;
}
- .ant-select-multiple.ant-select-sm .ant-select-selection-item {
+ .drip-select-multiple.drip-select-sm .drip-select-selection-item {
height: 16px;
line-height: 14px;
}
- .ant-select-multiple.ant-select-sm .ant-select-selection-search {
+ .drip-select-multiple.drip-select-sm .drip-select-selection-search {
height: 16px;
line-height: 16px;
}
- .ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
- .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
+ .drip-select-multiple.drip-select-sm .drip-select-selection-search-input,
+ .drip-select-multiple.drip-select-sm .drip-select-selection-search-mirror {
height: 16px;
line-height: 14px;
}
- .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
+ .drip-select-multiple.drip-select-sm .drip-select-selection-placeholder {
left: 7px;
}
- .ant-select-multiple.ant-select-sm .ant-select-selection-search {
+ .drip-select-multiple.drip-select-sm .drip-select-selection-search {
-webkit-margin-start: 3px;
margin-inline-start: 3px;
}
- .ant-select-multiple.ant-select-lg .ant-select-selection-item {
+ .drip-select-multiple.drip-select-lg .drip-select-selection-item {
height: 32px;
line-height: 32px;
}
- .ant-select-disabled .ant-select-selection-item-remove {
+ .drip-select-disabled .drip-select-selection-item-remove {
display: none;
}
/* Reset search input style */
- .ant-select {
+ .drip-select {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -2412,40 +2427,39 @@
display: inline-block;
cursor: pointer;
}
- .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+ .drip-select:not(.drip-select-customize-input) .drip-select-selector {
position: relative;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
- .ant-select:not(.ant-select-customize-input) .ant-select-selector input {
+ .drip-select:not(.drip-select-customize-input) .drip-select-selector input {
cursor: pointer;
}
- .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
+ .drip-select-show-search.drip-select:not(.drip-select-customize-input) .drip-select-selector {
cursor: text;
}
- .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
+ .drip-select-show-search.drip-select:not(.drip-select-customize-input) .drip-select-selector input {
cursor: auto;
}
- .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
- border-color: #40a9ff;
+ .drip-select-focused:not(.drip-select-disabled).drip-select:not(.drip-select-customize-input) .drip-select-selector {
+ border-color: #5789ff;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
- .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
+ .drip-select-disabled.drip-select:not(.drip-select-customize-input) .drip-select-selector {
color: rgba(0, 0, 0, 0.25);
background: #f5f5f5;
cursor: not-allowed;
}
- .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
+ .drip-select-multiple.drip-select-disabled.drip-select:not(.drip-select-customize-input) .drip-select-selector {
background: #f5f5f5;
}
- .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
+ .drip-select-disabled.drip-select:not(.drip-select-customize-input) .drip-select-selector input {
cursor: not-allowed;
}
- .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
+ .drip-select:not(.drip-select-customize-input) .drip-select-selector .drip-select-selection-search-input {
margin: 0;
padding: 0;
background: transparent;
@@ -2455,27 +2469,27 @@
-moz-appearance: none;
appearance: none;
}
- .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
+ .drip-select:not(.drip-select-customize-input) .drip-select-selector .drip-select-selection-search-input::-webkit-search-cancel-button {
display: none;
-webkit-appearance: none;
}
- .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
- border-color: #40a9ff;
+ .drip-select:not(.drip-select-disabled):hover .drip-select-selector {
+ border-color: #5789ff;
border-right-width: 1px !important;
}
- .ant-select-selection-item {
+ .drip-select-selection-item {
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media all and (-ms-high-contrast: none) {
- .ant-select-selection-item *::-ms-backdrop,
- .ant-select-selection-item {
+ .drip-select-selection-item *::-ms-backdrop,
+ .drip-select-selection-item {
flex: auto;
}
}
- .ant-select-selection-placeholder {
+ .drip-select-selection-placeholder {
flex: 1;
overflow: hidden;
color: #bfbfbf;
@@ -2484,12 +2498,12 @@
pointer-events: none;
}
@media all and (-ms-high-contrast: none) {
- .ant-select-selection-placeholder *::-ms-backdrop,
- .ant-select-selection-placeholder {
+ .drip-select-selection-placeholder *::-ms-backdrop,
+ .drip-select-selection-placeholder {
flex: auto;
}
}
- .ant-select-arrow {
+ .drip-select-arrow {
display: inline-block;
color: inherit;
font-style: normal;
@@ -2511,32 +2525,32 @@
text-align: center;
pointer-events: none;
}
- .ant-select-arrow > * {
+ .drip-select-arrow > * {
line-height: 1;
}
- .ant-select-arrow svg {
+ .drip-select-arrow svg {
display: inline-block;
}
- .ant-select-arrow::before {
+ .drip-select-arrow::before {
display: none;
}
- .ant-select-arrow .ant-select-arrow-icon {
+ .drip-select-arrow .drip-select-arrow-icon {
display: block;
}
- .ant-select-arrow .anticon {
+ .drip-select-arrow .dripicon {
vertical-align: top;
transition: transform 0.3s;
}
- .ant-select-arrow .anticon > svg {
+ .drip-select-arrow .dripicon > svg {
vertical-align: top;
}
- .ant-select-arrow .anticon:not(.ant-select-suffix) {
+ .drip-select-arrow .dripicon:not(.drip-select-suffix) {
pointer-events: auto;
}
- .ant-select-disabled .ant-select-arrow {
+ .drip-select-disabled .drip-select-arrow {
cursor: not-allowed;
}
- .ant-select-clear {
+ .drip-select-clear {
position: absolute;
top: 50%;
right: 11px;
@@ -2557,19 +2571,19 @@
transition: color 0.3s ease, opacity 0.15s ease;
text-rendering: auto;
}
- .ant-select-clear::before {
+ .drip-select-clear::before {
display: block;
}
- .ant-select-clear:hover {
+ .drip-select-clear:hover {
color: rgba(0, 0, 0, 0.45);
}
- .ant-select:hover .ant-select-clear {
+ .drip-select:hover .drip-select-clear {
opacity: 1;
}
- .ant-select-dropdown {
+ .drip-select-dropdown {
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
@@ -2588,161 +2602,161 @@
outline: none;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
- .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
- .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
- -webkit-animation-name: antSlideUpIn;
- animation-name: antSlideUpIn;
+ .drip-select-dropdown.drip-slide-up-enter.drip-slide-up-enter-active.drip-select-dropdown-placement-bottomLeft,
+ .drip-select-dropdown.drip-slide-up-appear.drip-slide-up-appear-active.drip-select-dropdown-placement-bottomLeft {
+ -webkit-animation-name: dripSlideUpIn;
+ animation-name: dripSlideUpIn;
}
- .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft,
- .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft {
- -webkit-animation-name: antSlideDownIn;
- animation-name: antSlideDownIn;
+ .drip-select-dropdown.drip-slide-up-enter.drip-slide-up-enter-active.drip-select-dropdown-placement-topLeft,
+ .drip-select-dropdown.drip-slide-up-appear.drip-slide-up-appear-active.drip-select-dropdown-placement-topLeft {
+ -webkit-animation-name: dripSlideDownIn;
+ animation-name: dripSlideDownIn;
}
- .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
- -webkit-animation-name: antSlideUpOut;
- animation-name: antSlideUpOut;
+ .drip-select-dropdown.drip-slide-up-leave.drip-slide-up-leave-active.drip-select-dropdown-placement-bottomLeft {
+ -webkit-animation-name: dripSlideUpOut;
+ animation-name: dripSlideUpOut;
}
- .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
- -webkit-animation-name: antSlideDownOut;
- animation-name: antSlideDownOut;
+ .drip-select-dropdown.drip-slide-up-leave.drip-slide-up-leave-active.drip-select-dropdown-placement-topLeft {
+ -webkit-animation-name: dripSlideDownOut;
+ animation-name: dripSlideDownOut;
}
- .ant-select-dropdown-hidden {
+ .drip-select-dropdown-hidden {
display: none;
}
- .ant-select-dropdown-empty {
+ .drip-select-dropdown-empty {
color: rgba(0, 0, 0, 0.25);
}
- .ant-select-item-empty {
+ .drip-select-item-empty {
position: relative;
display: block;
min-height: 32px;
padding: 5px 12px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: normal;
font-size: 14px;
line-height: 22px;
color: rgba(0, 0, 0, 0.25);
}
- .ant-select-item {
+ .drip-select-item {
position: relative;
display: block;
min-height: 32px;
padding: 5px 12px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: normal;
font-size: 14px;
line-height: 22px;
cursor: pointer;
transition: background 0.3s ease;
}
- .ant-select-item-group {
+ .drip-select-item-group {
color: rgba(0, 0, 0, 0.45);
font-size: 12px;
cursor: default;
}
- .ant-select-item-option {
+ .drip-select-item-option {
display: flex;
}
- .ant-select-item-option-content {
+ .drip-select-item-option-content {
flex: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
- .ant-select-item-option-state {
+ .drip-select-item-option-state {
flex: none;
}
- .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
+ .drip-select-item-option-active:not(.drip-select-item-option-disabled) {
background-color: #f5f5f5;
}
- .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
- color: rgba(0, 0, 0, 0.85);
+ .drip-select-item-option-selected:not(.drip-select-item-option-disabled) {
+ color: rgba(0, 0, 0, 0.82);
font-weight: 600;
- background-color: #e6f7ff;
+ background-color: #f0f6ff;
}
- .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
- color: #1890ff;
+ .drip-select-item-option-selected:not(.drip-select-item-option-disabled) .drip-select-item-option-state {
+ color: #2D64FF;
}
- .ant-select-item-option-disabled {
+ .drip-select-item-option-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
- .ant-select-item-option-disabled.ant-select-item-option-selected {
+ .drip-select-item-option-disabled.drip-select-item-option-selected {
background-color: #f5f5f5;
}
- .ant-select-item-option-grouped {
+ .drip-select-item-option-grouped {
padding-left: 24px;
}
- .ant-select-lg {
+ .drip-select-lg {
font-size: 16px;
}
- .ant-select-borderless .ant-select-selector {
+ .drip-select-borderless .drip-select-selector {
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
- .ant-select-rtl {
+ .drip-select-rtl {
direction: rtl;
}
- .ant-select-rtl .ant-select-arrow {
+ .drip-select-rtl .drip-select-arrow {
right: initial;
left: 11px;
}
- .ant-select-rtl .ant-select-clear {
+ .drip-select-rtl .drip-select-clear {
right: initial;
left: 11px;
}
- .ant-select-dropdown-rtl {
+ .drip-select-dropdown-rtl {
direction: rtl;
}
- .ant-select-dropdown-rtl .ant-select-item-option-grouped {
+ .drip-select-dropdown-rtl .drip-select-item-option-grouped {
padding-right: 24px;
padding-left: 12px;
}
- .ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
- .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
+ .drip-select-rtl.drip-select-multiple.drip-select-show-arrow .drip-select-selector,
+ .drip-select-rtl.drip-select-multiple.drip-select-allow-clear .drip-select-selector {
padding-right: 4px;
padding-left: 24px;
}
- .ant-select-rtl.ant-select-multiple .ant-select-selection-item {
+ .drip-select-rtl.drip-select-multiple .drip-select-selection-item {
text-align: right;
}
- .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
+ .drip-select-rtl.drip-select-multiple .drip-select-selection-item-content {
margin-right: 0;
margin-left: 4px;
text-align: right;
}
- .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
+ .drip-select-rtl.drip-select-multiple .drip-select-selection-search-mirror {
right: 0;
left: auto;
}
- .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
+ .drip-select-rtl.drip-select-multiple .drip-select-selection-placeholder {
right: 11px;
left: auto;
}
- .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
+ .drip-select-rtl.drip-select-multiple.drip-select-sm .drip-select-selection-placeholder {
right: 7px;
}
- .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
- .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
+ .drip-select-rtl.drip-select-single .drip-select-selector .drip-select-selection-item,
+ .drip-select-rtl.drip-select-single .drip-select-selector .drip-select-selection-placeholder {
right: 0;
left: 9px;
text-align: right;
}
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
+ .drip-select-rtl.drip-select-single.drip-select-show-arrow .drip-select-selection-search {
right: 11px;
left: 25px;
}
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
- .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
+ .drip-select-rtl.drip-select-single.drip-select-show-arrow .drip-select-selection-item,
+ .drip-select-rtl.drip-select-single.drip-select-show-arrow .drip-select-selection-placeholder {
padding-right: 0;
padding-left: 18px;
}
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
+ .drip-select-rtl.drip-select-single.drip-select-sm:not(.drip-select-customize-input).drip-select-show-arrow .drip-select-selection-search {
right: 6px;
}
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
- .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
+ .drip-select-rtl.drip-select-single.drip-select-sm:not(.drip-select-customize-input).drip-select-show-arrow .drip-select-selection-item,
+ .drip-select-rtl.drip-select-single.drip-select-sm:not(.drip-select-customize-input).drip-select-show-arrow .drip-select-selection-placeholder {
padding-right: 0;
padding-left: 21px;
}
@@ -2751,72 +2765,75 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-empty {
+ .drip-empty {
margin: 0 8px;
font-size: 14px;
line-height: 1.5715;
text-align: center;
}
- .ant-empty-image {
+ .drip-empty-image {
height: 100px;
margin-bottom: 8px;
}
- .ant-empty-image img {
+ .drip-empty-image img {
height: 100%;
}
- .ant-empty-image svg {
+ .drip-empty-image svg {
height: 100%;
margin: auto;
}
- .ant-empty-footer {
+ .drip-empty-footer {
margin-top: 16px;
}
- .ant-empty-normal {
+ .drip-empty-normal {
margin: 32px 0;
color: rgba(0, 0, 0, 0.25);
}
- .ant-empty-normal .ant-empty-image {
+ .drip-empty-normal .drip-empty-image {
height: 40px;
}
- .ant-empty-small {
+ .drip-empty-small {
margin: 8px 0;
color: rgba(0, 0, 0, 0.25);
}
- .ant-empty-small .ant-empty-image {
+ .drip-empty-small .drip-empty-image {
height: 35px;
}
- .ant-empty-img-default-ellipse {
+ .drip-empty-img-default-ellipse {
fill: #f5f5f5;
fill-opacity: 0.8;
}
- .ant-empty-img-default-path-1 {
+ .drip-empty-img-default-path-1 {
fill: #aeb8c2;
}
- .ant-empty-img-default-path-2 {
+ .drip-empty-img-default-path-2 {
fill: url(#linearGradient-1);
}
- .ant-empty-img-default-path-3 {
+ .drip-empty-img-default-path-3 {
fill: #f5f5f7;
}
- .ant-empty-img-default-path-4 {
+ .drip-empty-img-default-path-4 {
fill: #dce0e6;
}
- .ant-empty-img-default-path-5 {
+ .drip-empty-img-default-path-5 {
fill: #dce0e6;
}
- .ant-empty-img-default-g {
+ .drip-empty-img-default-g {
fill: #fff;
}
- .ant-empty-img-simple-ellipse {
+ .drip-empty-img-simple-ellipse {
fill: #f5f5f5;
}
- .ant-empty-img-simple-g {
+ .drip-empty-img-simple-g {
stroke: #d9d9d9;
}
- .ant-empty-img-simple-path {
+ .drip-empty-img-simple-path {
fill: #fafafa;
}
- .ant-empty-rtl {
+ .drip-empty-components-description-default-color {
+ color: rgba(0, 0, 0, 0.25);
+ }
+ .drip-empty-rtl {
direction: rtl;
}
@@ -2824,11 +2841,11 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-avatar {
+ .drip-avatar {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -2847,84 +2864,84 @@
line-height: 32px;
border-radius: 50%;
}
- .ant-avatar-image {
+ .drip-avatar-image {
background: transparent;
}
- .ant-avatar .ant-image-img {
+ .drip-avatar .drip-image-img {
display: block;
}
- .ant-avatar-string {
+ .drip-avatar-string {
position: absolute;
left: 50%;
transform-origin: 0 center;
}
- .ant-avatar.ant-avatar-icon {
+ .drip-avatar.drip-avatar-icon {
font-size: 18px;
}
- .ant-avatar.ant-avatar-icon > .anticon {
+ .drip-avatar.drip-avatar-icon > .dripicon {
margin: 0;
}
- .ant-avatar-lg {
+ .drip-avatar-lg {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
}
- .ant-avatar-lg-string {
+ .drip-avatar-lg-string {
position: absolute;
left: 50%;
transform-origin: 0 center;
}
- .ant-avatar-lg.ant-avatar-icon {
+ .drip-avatar-lg.drip-avatar-icon {
font-size: 24px;
}
- .ant-avatar-lg.ant-avatar-icon > .anticon {
+ .drip-avatar-lg.drip-avatar-icon > .dripicon {
margin: 0;
}
- .ant-avatar-sm {
+ .drip-avatar-sm {
width: 24px;
height: 24px;
line-height: 24px;
border-radius: 50%;
}
- .ant-avatar-sm-string {
+ .drip-avatar-sm-string {
position: absolute;
left: 50%;
transform-origin: 0 center;
}
- .ant-avatar-sm.ant-avatar-icon {
+ .drip-avatar-sm.drip-avatar-icon {
font-size: 14px;
}
- .ant-avatar-sm.ant-avatar-icon > .anticon {
+ .drip-avatar-sm.drip-avatar-icon > .dripicon {
margin: 0;
}
- .ant-avatar-square {
+ .drip-avatar-square {
border-radius: 2px;
}
- .ant-avatar > img {
+ .drip-avatar > img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
- .ant-avatar-group {
+ .drip-avatar-group {
display: inline-flex;
}
- .ant-avatar-group .ant-avatar {
+ .drip-avatar-group .drip-avatar {
border: 1px solid #fff;
}
- .ant-avatar-group .ant-avatar:not(:first-child) {
+ .drip-avatar-group .drip-avatar:not(:first-child) {
margin-left: -8px;
}
- .ant-avatar-group-popover .ant-avatar + .ant-avatar {
+ .drip-avatar-group-popover .drip-avatar + .drip-avatar {
margin-left: 3px;
}
- .ant-avatar-group-rtl .ant-avatar:not(:first-child) {
+ .drip-avatar-group-rtl .drip-avatar:not(:first-child) {
margin-right: -8px;
margin-left: 0;
}
- .ant-avatar-group-popover.ant-popover-rtl .ant-avatar + .ant-avatar {
+ .drip-avatar-group-popover.drip-popover-rtl .drip-avatar + .drip-avatar {
margin-right: 3px;
margin-left: 0;
}
@@ -2933,11 +2950,11 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-popover {
+ .drip-popover {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -2956,281 +2973,284 @@
-ms-user-select: text;
user-select: text;
}
- .ant-popover::after {
+ .drip-popover::after {
position: absolute;
background: rgba(255, 255, 255, 0.01);
content: '';
}
- .ant-popover-hidden {
+ .drip-popover-hidden {
display: none;
}
- .ant-popover-placement-top,
- .ant-popover-placement-topLeft,
- .ant-popover-placement-topRight {
- padding-bottom: 10px;
+ .drip-popover-placement-top,
+ .drip-popover-placement-topLeft,
+ .drip-popover-placement-topRight {
+ padding-bottom: 16px;
}
- .ant-popover-placement-right,
- .ant-popover-placement-rightTop,
- .ant-popover-placement-rightBottom {
- padding-left: 10px;
+ .drip-popover-placement-right,
+ .drip-popover-placement-rightTop,
+ .drip-popover-placement-rightBottom {
+ padding-left: 16px;
}
- .ant-popover-placement-bottom,
- .ant-popover-placement-bottomLeft,
- .ant-popover-placement-bottomRight {
- padding-top: 10px;
+ .drip-popover-placement-bottom,
+ .drip-popover-placement-bottomLeft,
+ .drip-popover-placement-bottomRight {
+ padding-top: 16px;
}
- .ant-popover-placement-left,
- .ant-popover-placement-leftTop,
- .ant-popover-placement-leftBottom {
- padding-right: 10px;
+ .drip-popover-placement-left,
+ .drip-popover-placement-leftTop,
+ .drip-popover-placement-leftBottom {
+ padding-right: 16px;
}
- .ant-popover-inner {
+ .drip-popover-inner {
+ max-width: 320px;
+ padding: 12px 0 16px;
background-color: #fff;
background-clip: padding-box;
- border-radius: 2px;
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
+ border-radius: 4px;
+ box-shadow: 0px 8px 24px 8px rgba(0, 0, 0, 0.04), 0px 0px 16px rgba(0, 0, 0, 0.08);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
- .ant-popover {
+ .drip-popover {
/* IE10+ */
}
- .ant-popover-inner {
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+ .drip-popover-inner {
+ max-width: 320px;
+ box-shadow: 0px 8px 24px 8px rgba(0, 0, 0, 0.04), 0px 0px 16px rgba(0, 0, 0, 0.08);
}
}
- .ant-popover-title {
+ .drip-popover-title {
min-width: 177px;
min-height: 32px;
margin: 0;
- padding: 5px 16px 4px;
- color: rgba(0, 0, 0, 0.85);
+ padding: 0 16px 8px;
+ color: rgba(0, 0, 0, 0.82);
font-weight: 500;
- border-bottom: 1px solid #f0f0f0;
}
- .ant-popover-inner-content {
- padding: 12px 16px;
- color: rgba(0, 0, 0, 0.85);
+ .drip-popover-inner-content {
+ padding: 0 16px;
+ color: rgba(0, 0, 0, 0.82);
}
- .ant-popover-message {
+ .drip-popover-message {
position: relative;
- padding: 4px 0 12px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
}
- .ant-popover-message > .anticon {
+ .drip-popover-message > .dripicon {
position: absolute;
- top: 8.0005px;
- color: #faad14;
+ top: 4.0005px;
+ color: #FEB00E;
font-size: 14px;
}
- .ant-popover-message-title {
+ .drip-popover-message-title {
padding-left: 22px;
}
- .ant-popover-buttons {
- margin-bottom: 4px;
+ .drip-popover-message-content {
+ padding-top: 8px;
+ }
+ .drip-popover-buttons {
+ padding-top: 16px;
text-align: right;
}
- .ant-popover-buttons button {
+ .drip-popover-buttons button {
margin-left: 8px;
}
- .ant-popover-arrow {
+ .drip-popover-arrow {
position: absolute;
display: block;
- width: 8.48528137px;
- height: 8.48528137px;
+ width: 16.97056275px;
+ height: 16.97056275px;
overflow: hidden;
background: transparent;
pointer-events: none;
}
- .ant-popover-arrow-content {
+ .drip-popover-arrow-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
- width: 6px;
- height: 6px;
+ width: 12px;
+ height: 12px;
margin: auto;
background-color: #fff;
content: '';
pointer-events: auto;
}
- .ant-popover-placement-top .ant-popover-arrow,
- .ant-popover-placement-topLeft .ant-popover-arrow,
- .ant-popover-placement-topRight .ant-popover-arrow {
- bottom: 1.51471863px;
+ .drip-popover-placement-top .drip-popover-arrow,
+ .drip-popover-placement-topLeft .drip-popover-arrow,
+ .drip-popover-placement-topRight .drip-popover-arrow {
+ bottom: -0.97056275px;
}
- .ant-popover-placement-top .ant-popover-arrow-content,
- .ant-popover-placement-topLeft .ant-popover-arrow-content,
- .ant-popover-placement-topRight .ant-popover-arrow-content {
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
- transform: translateY(-4.24264069px) rotate(45deg);
+ .drip-popover-placement-top .drip-popover-arrow-content,
+ .drip-popover-placement-topLeft .drip-popover-arrow-content,
+ .drip-popover-placement-topRight .drip-popover-arrow-content {
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.06), 0 8px 16px rgba(0, 0, 0, 0.08);
+ transform: translateY(-8.48528137px) rotate(45deg);
}
- .ant-popover-placement-top .ant-popover-arrow {
+ .drip-popover-placement-top .drip-popover-arrow {
left: 50%;
transform: translateX(-50%);
}
- .ant-popover-placement-topLeft .ant-popover-arrow {
+ .drip-popover-placement-topLeft .drip-popover-arrow {
left: 16px;
}
- .ant-popover-placement-topRight .ant-popover-arrow {
+ .drip-popover-placement-topRight .drip-popover-arrow {
right: 16px;
}
- .ant-popover-placement-right .ant-popover-arrow,
- .ant-popover-placement-rightTop .ant-popover-arrow,
- .ant-popover-placement-rightBottom .ant-popover-arrow {
- left: 1.51471863px;
+ .drip-popover-placement-right .drip-popover-arrow,
+ .drip-popover-placement-rightTop .drip-popover-arrow,
+ .drip-popover-placement-rightBottom .drip-popover-arrow {
+ left: -0.97056275px;
}
- .ant-popover-placement-right .ant-popover-arrow-content,
- .ant-popover-placement-rightTop .ant-popover-arrow-content,
- .ant-popover-placement-rightBottom .ant-popover-arrow-content {
- box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
- transform: translateX(4.24264069px) rotate(45deg);
+ .drip-popover-placement-right .drip-popover-arrow-content,
+ .drip-popover-placement-rightTop .drip-popover-arrow-content,
+ .drip-popover-placement-rightBottom .drip-popover-arrow-content {
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.06), 0 8px 16px rgba(0, 0, 0, 0.08);
+ transform: translateX(8.48528137px) rotate(45deg);
}
- .ant-popover-placement-right .ant-popover-arrow {
+ .drip-popover-placement-right .drip-popover-arrow {
top: 50%;
transform: translateY(-50%);
}
- .ant-popover-placement-rightTop .ant-popover-arrow {
+ .drip-popover-placement-rightTop .drip-popover-arrow {
top: 12px;
}
- .ant-popover-placement-rightBottom .ant-popover-arrow {
+ .drip-popover-placement-rightBottom .drip-popover-arrow {
bottom: 12px;
}
- .ant-popover-placement-bottom .ant-popover-arrow,
- .ant-popover-placement-bottomLeft .ant-popover-arrow,
- .ant-popover-placement-bottomRight .ant-popover-arrow {
- top: 1.51471863px;
+ .drip-popover-placement-bottom .drip-popover-arrow,
+ .drip-popover-placement-bottomLeft .drip-popover-arrow,
+ .drip-popover-placement-bottomRight .drip-popover-arrow {
+ top: -0.97056275px;
}
- .ant-popover-placement-bottom .ant-popover-arrow-content,
- .ant-popover-placement-bottomLeft .ant-popover-arrow-content,
- .ant-popover-placement-bottomRight .ant-popover-arrow-content {
- box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
- transform: translateY(4.24264069px) rotate(45deg);
+ .drip-popover-placement-bottom .drip-popover-arrow-content,
+ .drip-popover-placement-bottomLeft .drip-popover-arrow-content,
+ .drip-popover-placement-bottomRight .drip-popover-arrow-content {
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.06), 0 8px 16px rgba(0, 0, 0, 0.08);
+ transform: translateY(8.48528137px) rotate(45deg);
}
- .ant-popover-placement-bottom .ant-popover-arrow {
+ .drip-popover-placement-bottom .drip-popover-arrow {
left: 50%;
transform: translateX(-50%);
}
- .ant-popover-placement-bottomLeft .ant-popover-arrow {
+ .drip-popover-placement-bottomLeft .drip-popover-arrow {
left: 16px;
}
- .ant-popover-placement-bottomRight .ant-popover-arrow {
+ .drip-popover-placement-bottomRight .drip-popover-arrow {
right: 16px;
}
- .ant-popover-placement-left .ant-popover-arrow,
- .ant-popover-placement-leftTop .ant-popover-arrow,
- .ant-popover-placement-leftBottom .ant-popover-arrow {
- right: 1.51471863px;
+ .drip-popover-placement-left .drip-popover-arrow,
+ .drip-popover-placement-leftTop .drip-popover-arrow,
+ .drip-popover-placement-leftBottom .drip-popover-arrow {
+ right: -0.97056275px;
}
- .ant-popover-placement-left .ant-popover-arrow-content,
- .ant-popover-placement-leftTop .ant-popover-arrow-content,
- .ant-popover-placement-leftBottom .ant-popover-arrow-content {
- box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
- transform: translateX(-4.24264069px) rotate(45deg);
+ .drip-popover-placement-left .drip-popover-arrow-content,
+ .drip-popover-placement-leftTop .drip-popover-arrow-content,
+ .drip-popover-placement-leftBottom .drip-popover-arrow-content {
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.06), 0 8px 16px rgba(0, 0, 0, 0.08);
+ transform: translateX(-8.48528137px) rotate(45deg);
}
- .ant-popover-placement-left .ant-popover-arrow {
+ .drip-popover-placement-left .drip-popover-arrow {
top: 50%;
transform: translateY(-50%);
}
- .ant-popover-placement-leftTop .ant-popover-arrow {
+ .drip-popover-placement-leftTop .drip-popover-arrow {
top: 12px;
}
- .ant-popover-placement-leftBottom .ant-popover-arrow {
+ .drip-popover-placement-leftBottom .drip-popover-arrow {
bottom: 12px;
}
- .ant-popover-pink .ant-popover-inner {
+ .drip-popover-pink .drip-popover-inner {
background-color: #eb2f96;
}
- .ant-popover-pink .ant-popover-arrow-content {
+ .drip-popover-pink .drip-popover-arrow-content {
background-color: #eb2f96;
}
- .ant-popover-magenta .ant-popover-inner {
+ .drip-popover-magenta .drip-popover-inner {
background-color: #eb2f96;
}
- .ant-popover-magenta .ant-popover-arrow-content {
+ .drip-popover-magenta .drip-popover-arrow-content {
background-color: #eb2f96;
}
- .ant-popover-red .ant-popover-inner {
- background-color: #f5222d;
+ .drip-popover-red .drip-popover-inner {
+ background-color: #FF4C4C;
}
- .ant-popover-red .ant-popover-arrow-content {
- background-color: #f5222d;
+ .drip-popover-red .drip-popover-arrow-content {
+ background-color: #FF4C4C;
}
- .ant-popover-volcano .ant-popover-inner {
+ .drip-popover-volcano .drip-popover-inner {
background-color: #fa541c;
}
- .ant-popover-volcano .ant-popover-arrow-content {
+ .drip-popover-volcano .drip-popover-arrow-content {
background-color: #fa541c;
}
- .ant-popover-orange .ant-popover-inner {
+ .drip-popover-orange .drip-popover-inner {
background-color: #fa8c16;
}
- .ant-popover-orange .ant-popover-arrow-content {
+ .drip-popover-orange .drip-popover-arrow-content {
background-color: #fa8c16;
}
- .ant-popover-yellow .ant-popover-inner {
+ .drip-popover-yellow .drip-popover-inner {
background-color: #fadb14;
}
- .ant-popover-yellow .ant-popover-arrow-content {
+ .drip-popover-yellow .drip-popover-arrow-content {
background-color: #fadb14;
}
- .ant-popover-gold .ant-popover-inner {
- background-color: #faad14;
+ .drip-popover-gold .drip-popover-inner {
+ background-color: #FEB00E;
}
- .ant-popover-gold .ant-popover-arrow-content {
- background-color: #faad14;
+ .drip-popover-gold .drip-popover-arrow-content {
+ background-color: #FEB00E;
}
- .ant-popover-cyan .ant-popover-inner {
+ .drip-popover-cyan .drip-popover-inner {
background-color: #13c2c2;
}
- .ant-popover-cyan .ant-popover-arrow-content {
+ .drip-popover-cyan .drip-popover-arrow-content {
background-color: #13c2c2;
}
- .ant-popover-lime .ant-popover-inner {
+ .drip-popover-lime .drip-popover-inner {
background-color: #a0d911;
}
- .ant-popover-lime .ant-popover-arrow-content {
+ .drip-popover-lime .drip-popover-arrow-content {
background-color: #a0d911;
}
- .ant-popover-green .ant-popover-inner {
- background-color: #52c41a;
+ .drip-popover-green .drip-popover-inner {
+ background-color: #17C574;
}
- .ant-popover-green .ant-popover-arrow-content {
- background-color: #52c41a;
+ .drip-popover-green .drip-popover-arrow-content {
+ background-color: #17C574;
}
- .ant-popover-blue .ant-popover-inner {
- background-color: #1890ff;
+ .drip-popover-blue .drip-popover-inner {
+ background-color: #2D64FF;
}
- .ant-popover-blue .ant-popover-arrow-content {
- background-color: #1890ff;
+ .drip-popover-blue .drip-popover-arrow-content {
+ background-color: #2D64FF;
}
- .ant-popover-geekblue .ant-popover-inner {
+ .drip-popover-geekblue .drip-popover-inner {
background-color: #2f54eb;
}
- .ant-popover-geekblue .ant-popover-arrow-content {
+ .drip-popover-geekblue .drip-popover-arrow-content {
background-color: #2f54eb;
}
- .ant-popover-purple .ant-popover-inner {
+ .drip-popover-purple .drip-popover-inner {
background-color: #722ed1;
}
- .ant-popover-purple .ant-popover-arrow-content {
+ .drip-popover-purple .drip-popover-arrow-content {
background-color: #722ed1;
}
- .ant-popover-rtl {
+ .drip-popover-rtl {
direction: rtl;
text-align: right;
}
- .ant-popover-rtl .ant-popover-message-title {
+ .drip-popover-rtl .drip-popover-message-title {
padding-right: 22px;
padding-left: 16px;
}
- .ant-popover-rtl .ant-popover-buttons {
+ .drip-popover-rtl .drip-popover-buttons {
text-align: left;
}
- .ant-popover-rtl .ant-popover-buttons button {
+ .drip-popover-rtl .drip-popover-buttons button {
margin-right: 8px;
margin-left: 0;
}
@@ -3239,33 +3259,33 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-back-top {
+ .drip-back-top {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: fixed;
- right: 100px;
- bottom: 50px;
+ right: 16px;
+ bottom: 16px;
z-index: 10;
width: 40px;
height: 40px;
cursor: pointer;
}
- .ant-back-top:empty {
+ .drip-back-top:empty {
display: none;
}
- .ant-back-top-rtl {
+ .drip-back-top-rtl {
right: auto;
left: 100px;
direction: rtl;
}
- .ant-back-top-content {
+ .drip-back-top-content {
width: 40px;
height: 40px;
overflow: hidden;
@@ -3275,21 +3295,48 @@
border-radius: 20px;
transition: all 0.3s;
}
- .ant-back-top-content:hover {
- background-color: rgba(0, 0, 0, 0.85);
+ .drip-back-top-content:hover {
+ background-color: rgba(0, 0, 0, 0.82);
+ transition: all 0.3s;
+ }
+ .drip-back-top-drip-content {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 40px;
+ height: 40px;
+ overflow: hidden;
+ text-align: center;
+ background: #FFFF;
+ border-radius: 126px;
+ box-shadow: 0 8px 24px 8px rgba(0, 0, 0, 0.04), 0 0 16px rgba(0, 0, 0, 0.08);
+ transition: all 0.3s;
+ }
+ .drip-back-top-drip-content:hover {
+ background: #2D63FF;
+ cursor: pointer;
transition: all 0.3s;
}
- .ant-back-top-icon {
+ .drip-back-top-drip-content-item {
+ width: 24px;
+ height: 28px;
+ color: #FFFF;
+ font-weight: 500;
+ font-size: 12px;
+ font-family: PingFang SC;
+ line-height: 120.5%;
+ }
+ .drip-back-top-icon {
font-size: 24px;
line-height: 40px;
}
@media screen and (max-width: 768px) {
- .ant-back-top {
+ .drip-back-top {
right: 60px;
}
}
@media screen and (max-width: 480px) {
- .ant-back-top {
+ .drip-back-top {
right: 20px;
}
}
@@ -3298,11 +3345,11 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-badge {
+ .drip-badge {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -3312,7 +3359,7 @@
display: inline-block;
line-height: 1;
}
- .ant-badge-count {
+ .drip-badge-count {
z-index: auto;
min-width: 20px;
height: 20px;
@@ -3323,15 +3370,15 @@
line-height: 20px;
white-space: nowrap;
text-align: center;
- background: #ff4d4f;
+ background: #ff7a75;
border-radius: 10px;
box-shadow: 0 0 0 1px #fff;
}
- .ant-badge-count a,
- .ant-badge-count a:hover {
+ .drip-badge-count a,
+ .drip-badge-count a:hover {
color: #fff;
}
- .ant-badge-count-sm {
+ .drip-badge-count-sm {
min-width: 14px;
height: 14px;
padding: 0;
@@ -3339,41 +3386,41 @@
line-height: 14px;
border-radius: 7px;
}
- .ant-badge-multiple-words {
+ .drip-badge-multiple-words {
padding: 0 8px;
}
- .ant-badge-dot {
+ .drip-badge-dot {
z-index: auto;
width: 6px;
min-width: 6px;
height: 6px;
- background: #ff4d4f;
+ background: #ff7a75;
border-radius: 100%;
box-shadow: 0 0 0 1px #fff;
}
- .ant-badge-dot.ant-scroll-number {
+ .drip-badge-dot.drip-scroll-number {
transition: background 1.5s;
}
- .ant-badge-count,
- .ant-badge-dot,
- .ant-badge .ant-scroll-number-custom-component {
+ .drip-badge-count,
+ .drip-badge-dot,
+ .drip-badge .drip-scroll-number-custom-component {
position: absolute;
top: 0;
right: 0;
transform: translate(50%, -50%);
transform-origin: 100% 0%;
}
- .ant-badge-count.anticon-spin,
- .ant-badge-dot.anticon-spin,
- .ant-badge .ant-scroll-number-custom-component.anticon-spin {
+ .drip-badge-count.dripicon-spin,
+ .drip-badge-dot.dripicon-spin,
+ .drip-badge .drip-scroll-number-custom-component.dripicon-spin {
-webkit-animation: antBadgeLoadingCircle 1s infinite linear;
animation: antBadgeLoadingCircle 1s infinite linear;
}
- .ant-badge-status {
+ .drip-badge-status {
line-height: inherit;
vertical-align: baseline;
}
- .ant-badge-status-dot {
+ .drip-badge-status-dot {
position: relative;
top: -1px;
display: inline-block;
@@ -3382,114 +3429,114 @@
vertical-align: middle;
border-radius: 50%;
}
- .ant-badge-status-success {
+ .drip-badge-status-success {
background-color: #52c41a;
}
- .ant-badge-status-processing {
+ .drip-badge-status-processing {
position: relative;
- background-color: #1890ff;
+ background-color: #2D64FF;
}
- .ant-badge-status-processing::after {
+ .drip-badge-status-processing::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
- border: 1px solid #1890ff;
+ border: 1px solid #2D64FF;
border-radius: 50%;
-webkit-animation: antStatusProcessing 1.2s infinite ease-in-out;
animation: antStatusProcessing 1.2s infinite ease-in-out;
content: '';
}
- .ant-badge-status-default {
+ .drip-badge-status-default {
background-color: #d9d9d9;
}
- .ant-badge-status-error {
- background-color: #ff4d4f;
+ .drip-badge-status-error {
+ background-color: #FF4C4C;
}
- .ant-badge-status-warning {
- background-color: #faad14;
+ .drip-badge-status-warning {
+ background-color: #FEB00E;
}
- .ant-badge-status-pink {
+ .drip-badge-status-pink {
background: #eb2f96;
}
- .ant-badge-status-magenta {
+ .drip-badge-status-magenta {
background: #eb2f96;
}
- .ant-badge-status-red {
- background: #f5222d;
+ .drip-badge-status-red {
+ background: #FF4C4C;
}
- .ant-badge-status-volcano {
+ .drip-badge-status-volcano {
background: #fa541c;
}
- .ant-badge-status-orange {
+ .drip-badge-status-orange {
background: #fa8c16;
}
- .ant-badge-status-yellow {
+ .drip-badge-status-yellow {
background: #fadb14;
}
- .ant-badge-status-gold {
- background: #faad14;
+ .drip-badge-status-gold {
+ background: #FEB00E;
}
- .ant-badge-status-cyan {
+ .drip-badge-status-cyan {
background: #13c2c2;
}
- .ant-badge-status-lime {
+ .drip-badge-status-lime {
background: #a0d911;
}
- .ant-badge-status-green {
- background: #52c41a;
+ .drip-badge-status-green {
+ background: #17C574;
}
- .ant-badge-status-blue {
- background: #1890ff;
+ .drip-badge-status-blue {
+ background: #2D64FF;
}
- .ant-badge-status-geekblue {
+ .drip-badge-status-geekblue {
background: #2f54eb;
}
- .ant-badge-status-purple {
+ .drip-badge-status-purple {
background: #722ed1;
}
- .ant-badge-status-text {
+ .drip-badge-status-text {
margin-left: 8px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
}
- .ant-badge-zoom-appear,
- .ant-badge-zoom-enter {
+ .drip-badge-zoom-appear,
+ .drip-badge-zoom-enter {
-webkit-animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
- .ant-badge-zoom-leave {
+ .drip-badge-zoom-leave {
-webkit-animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
- .ant-badge-not-a-wrapper .ant-badge-zoom-appear,
- .ant-badge-not-a-wrapper .ant-badge-zoom-enter {
+ .drip-badge-not-a-wrapper .drip-badge-zoom-appear,
+ .drip-badge-not-a-wrapper .drip-badge-zoom-enter {
-webkit-animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}
- .ant-badge-not-a-wrapper .ant-badge-zoom-leave {
+ .drip-badge-not-a-wrapper .drip-badge-zoom-leave {
-webkit-animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}
- .ant-badge-not-a-wrapper:not(.ant-badge-status) {
+ .drip-badge-not-a-wrapper:not(.drip-badge-status) {
vertical-align: middle;
}
- .ant-badge-not-a-wrapper .ant-scroll-number-custom-component {
+ .drip-badge-not-a-wrapper .drip-scroll-number-custom-component {
transform: none;
}
- .ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
- .ant-badge-not-a-wrapper .ant-scroll-number {
+ .drip-badge-not-a-wrapper .drip-scroll-number-custom-component,
+ .drip-badge-not-a-wrapper .drip-scroll-number {
position: relative;
top: auto;
display: block;
transform-origin: 50% 50%;
}
- .ant-badge-not-a-wrapper .ant-badge-count {
+ .drip-badge-not-a-wrapper .drip-badge-count {
transform: none;
}
@-webkit-keyframes antStatusProcessing {
@@ -3512,10 +3559,10 @@
opacity: 0;
}
}
- .ant-scroll-number {
+ .drip-scroll-number {
overflow: hidden;
}
- .ant-scroll-number-only {
+ .drip-scroll-number-only {
position: relative;
display: inline-block;
height: 20px;
@@ -3523,13 +3570,13 @@
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
}
- .ant-scroll-number-only > p.ant-scroll-number-only-unit {
+ .drip-scroll-number-only > p.drip-scroll-number-only-unit {
height: 20px;
margin: 0;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
}
- .ant-scroll-number-symbol {
+ .drip-scroll-number-symbol {
vertical-align: top;
}
@-webkit-keyframes antZoomBadgeIn {
@@ -3622,14 +3669,14 @@
transform-origin: 50%;
}
}
- .ant-ribbon-wrapper {
+ .drip-ribbon-wrapper {
position: relative;
}
- .ant-ribbon {
+ .drip-ribbon {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -3642,13 +3689,13 @@
color: #fff;
line-height: 22px;
white-space: nowrap;
- background-color: #1890ff;
+ background-color: #2D64FF;
border-radius: 2px;
}
- .ant-ribbon-text {
+ .drip-ribbon-text {
color: #fff;
}
- .ant-ribbon-corner {
+ .drip-ribbon-corner {
position: absolute;
top: 100%;
width: 8px;
@@ -3658,7 +3705,7 @@
transform: scaleY(0.75);
transform-origin: top;
}
- .ant-ribbon-corner::after {
+ .drip-ribbon-corner::after {
position: absolute;
top: -4px;
left: -4px;
@@ -3668,137 +3715,137 @@
border: inherit;
content: '';
}
- .ant-ribbon-color-pink {
+ .drip-ribbon-color-pink {
color: #eb2f96;
background: #eb2f96;
}
- .ant-ribbon-color-magenta {
+ .drip-ribbon-color-magenta {
color: #eb2f96;
background: #eb2f96;
}
- .ant-ribbon-color-red {
- color: #f5222d;
- background: #f5222d;
+ .drip-ribbon-color-red {
+ color: #FF4C4C;
+ background: #FF4C4C;
}
- .ant-ribbon-color-volcano {
+ .drip-ribbon-color-volcano {
color: #fa541c;
background: #fa541c;
}
- .ant-ribbon-color-orange {
+ .drip-ribbon-color-orange {
color: #fa8c16;
background: #fa8c16;
}
- .ant-ribbon-color-yellow {
+ .drip-ribbon-color-yellow {
color: #fadb14;
background: #fadb14;
}
- .ant-ribbon-color-gold {
- color: #faad14;
- background: #faad14;
+ .drip-ribbon-color-gold {
+ color: #FEB00E;
+ background: #FEB00E;
}
- .ant-ribbon-color-cyan {
+ .drip-ribbon-color-cyan {
color: #13c2c2;
background: #13c2c2;
}
- .ant-ribbon-color-lime {
+ .drip-ribbon-color-lime {
color: #a0d911;
background: #a0d911;
}
- .ant-ribbon-color-green {
- color: #52c41a;
- background: #52c41a;
+ .drip-ribbon-color-green {
+ color: #17C574;
+ background: #17C574;
}
- .ant-ribbon-color-blue {
- color: #1890ff;
- background: #1890ff;
+ .drip-ribbon-color-blue {
+ color: #2D64FF;
+ background: #2D64FF;
}
- .ant-ribbon-color-geekblue {
+ .drip-ribbon-color-geekblue {
color: #2f54eb;
background: #2f54eb;
}
- .ant-ribbon-color-purple {
+ .drip-ribbon-color-purple {
color: #722ed1;
background: #722ed1;
}
- .ant-ribbon.ant-ribbon-placement-end {
+ .drip-ribbon.drip-ribbon-placement-end {
right: -8px;
border-bottom-right-radius: 0;
}
- .ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner {
+ .drip-ribbon.drip-ribbon-placement-end .drip-ribbon-corner {
right: 0;
border-color: currentColor transparent transparent currentColor;
}
- .ant-ribbon.ant-ribbon-placement-start {
+ .drip-ribbon.drip-ribbon-placement-start {
left: -8px;
border-bottom-left-radius: 0;
}
- .ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner {
+ .drip-ribbon.drip-ribbon-placement-start .drip-ribbon-corner {
left: 0;
border-color: currentColor currentColor transparent transparent;
}
- .ant-badge-rtl {
+ .drip-badge-rtl {
direction: rtl;
}
- .ant-badge-rtl .ant-badge-count,
- .ant-badge-rtl .ant-badge-dot,
- .ant-badge-rtl .ant-badge .ant-scroll-number-custom-component {
+ .drip-badge-rtl .drip-badge-count,
+ .drip-badge-rtl .drip-badge-dot,
+ .drip-badge-rtl .drip-badge .drip-scroll-number-custom-component {
right: auto;
left: 0;
direction: ltr;
transform: translate(-50%, -50%);
transform-origin: 0% 0%;
}
- .ant-badge-rtl.ant-badge .ant-scroll-number-custom-component {
+ .drip-badge-rtl.drip-badge .drip-scroll-number-custom-component {
right: auto;
left: 0;
transform: translate(-50%, -50%);
transform-origin: 0% 0%;
}
- .ant-badge-rtl .ant-badge-status-text {
+ .drip-badge-rtl .drip-badge-status-text {
margin-right: 8px;
margin-left: 0;
}
- .ant-badge-rtl .ant-badge-zoom-appear,
- .ant-badge-rtl .ant-badge-zoom-enter {
+ .drip-badge-rtl .drip-badge-zoom-appear,
+ .drip-badge-rtl .drip-badge-zoom-enter {
-webkit-animation-name: antZoomBadgeInRtl;
animation-name: antZoomBadgeInRtl;
}
- .ant-badge-rtl .ant-badge-zoom-leave {
+ .drip-badge-rtl .drip-badge-zoom-leave {
-webkit-animation-name: antZoomBadgeOutRtl;
animation-name: antZoomBadgeOutRtl;
}
- .ant-badge-not-a-wrapper .ant-badge-count {
+ .drip-badge-not-a-wrapper .drip-badge-count {
transform: none;
}
- .ant-ribbon-rtl {
+ .drip-ribbon-rtl {
direction: rtl;
}
- .ant-ribbon-rtl.ant-ribbon-placement-end {
+ .drip-ribbon-rtl.drip-ribbon-placement-end {
right: unset;
left: -8px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
- .ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner {
+ .drip-ribbon-rtl.drip-ribbon-placement-end .drip-ribbon-corner {
right: unset;
left: 0;
border-color: currentColor currentColor transparent transparent;
}
- .ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after {
+ .drip-ribbon-rtl.drip-ribbon-placement-end .drip-ribbon-corner::after {
border-color: currentColor currentColor transparent transparent;
}
- .ant-ribbon-rtl.ant-ribbon-placement-start {
+ .drip-ribbon-rtl.drip-ribbon-placement-start {
right: -8px;
left: unset;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
- .ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner {
+ .drip-ribbon-rtl.drip-ribbon-placement-start .drip-ribbon-corner {
right: 0;
left: unset;
border-color: currentColor transparent transparent currentColor;
}
- .ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after {
+ .drip-ribbon-rtl.drip-ribbon-placement-start .drip-ribbon-corner::after {
border-color: currentColor transparent transparent currentColor;
}
@-webkit-keyframes antZoomBadgeInRtl {
@@ -3842,11 +3889,11 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-breadcrumb {
+ .drip-breadcrumb {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
@@ -3854,57 +3901,63 @@
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
}
- .ant-breadcrumb .anticon {
+ .drip-breadcrumb .dripicon {
font-size: 14px;
}
- .ant-breadcrumb a {
+ .drip-breadcrumb a {
color: rgba(0, 0, 0, 0.45);
transition: color 0.3s;
}
- .ant-breadcrumb a:hover {
- color: #40a9ff;
+ .drip-breadcrumb a:hover {
+ color: #5789ff;
}
- .ant-breadcrumb > span:last-child {
- color: rgba(0, 0, 0, 0.85);
+ .drip-breadcrumb > span:last-child {
+ color: rgba(0, 0, 0, 0.82);
}
- .ant-breadcrumb > span:last-child a {
- color: rgba(0, 0, 0, 0.85);
+ .drip-breadcrumb > span:last-child a {
+ color: rgba(0, 0, 0, 0.82);
}
- .ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
+ .drip-breadcrumb > span:last-child .drip-breadcrumb-separator {
display: none;
}
- .ant-breadcrumb-separator {
+ .drip-breadcrumb-separator {
margin: 0 8px;
color: rgba(0, 0, 0, 0.45);
}
- .ant-breadcrumb-link > .anticon + span,
- .ant-breadcrumb-link > .anticon + a {
+ .drip-breadcrumb-link > .dripicon + span,
+ .drip-breadcrumb-link > .dripicon + a {
margin-left: 4px;
}
- .ant-breadcrumb-overlay-link > .anticon {
+ .drip-breadcrumb-overlay-link > .dripicon {
margin-left: 4px;
}
- .ant-breadcrumb-rtl {
+ .drip-breadcrumb-sm {
+ font-size: 12px;
+ }
+ .drip-breadcrumb-sm .drip-breadcrumb-separator {
+ margin: 0 4px;
+ }
+ .drip-breadcrumb-rtl {
direction: rtl;
}
- .ant-breadcrumb-rtl::before {
+ .drip-breadcrumb-rtl::before {
display: table;
content: '';
}
- .ant-breadcrumb-rtl::after {
+ .drip-breadcrumb-rtl::after {
display: table;
clear: both;
content: '';
}
- .ant-breadcrumb-rtl > span {
+ .drip-breadcrumb-rtl > span {
float: right;
}
- .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span,
- .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a {
+ .drip-breadcrumb-rtl .drip-breadcrumb-link > .dripicon + span,
+ .drip-breadcrumb-rtl .drip-breadcrumb-link > .dripicon + a {
margin-right: 4px;
margin-left: 0;
}
- .ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
+ .drip-breadcrumb-rtl .drip-breadcrumb-overlay-link > .dripicon {
margin-right: 4px;
margin-left: 0;
}
@@ -3913,39 +3966,39 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-menu-item-danger.ant-menu-item {
- color: #ff4d4f;
+ .drip-menu-item-danger.drip-menu-item {
+ color: #FF4C4C;
}
- .ant-menu-item-danger.ant-menu-item:hover,
- .ant-menu-item-danger.ant-menu-item-active {
- color: #ff4d4f;
+ .drip-menu-item-danger.drip-menu-item:hover,
+ .drip-menu-item-danger.drip-menu-item-active {
+ color: #FF4C4C;
}
- .ant-menu-item-danger.ant-menu-item:active {
- background: #fff1f0;
+ .drip-menu-item-danger.drip-menu-item:active {
+ background: #fff2f0;
}
- .ant-menu-item-danger.ant-menu-item-selected {
- color: #ff4d4f;
+ .drip-menu-item-danger.drip-menu-item-selected {
+ color: #FF4C4C;
}
- .ant-menu-item-danger.ant-menu-item-selected > a,
- .ant-menu-item-danger.ant-menu-item-selected > a:hover {
- color: #ff4d4f;
+ .drip-menu-item-danger.drip-menu-item-selected > a,
+ .drip-menu-item-danger.drip-menu-item-selected > a:hover {
+ color: #FF4C4C;
}
- .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
- background-color: #fff1f0;
+ .drip-menu:not(.drip-menu-horizontal) .drip-menu-item-danger.drip-menu-item-selected {
+ background-color: #fff2f0;
}
- .ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
- border-right-color: #ff4d4f;
+ .drip-menu-inline .drip-menu-item-danger.drip-menu-item::after {
+ border-right-color: #FF4C4C;
}
- .ant-menu-dark .ant-menu-item-danger.ant-menu-item,
- .ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
- .ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
- color: #ff4d4f;
+ .drip-menu-dark .drip-menu-item-danger.drip-menu-item,
+ .drip-menu-dark .drip-menu-item-danger.drip-menu-item:hover,
+ .drip-menu-dark .drip-menu-item-danger.drip-menu-item > a {
+ color: #FF4C4C;
}
- .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
+ .drip-menu-dark.drip-menu-dark:not(.drip-menu-horizontal) .drip-menu-item-danger.drip-menu-item-selected {
color: #fff;
- background-color: #ff4d4f;
+ background-color: #FF4C4C;
}
- .ant-menu {
+ .drip-menu {
box-sizing: border-box;
margin: 0;
padding: 0;
@@ -3954,7 +4007,7 @@
font-feature-settings: 'tnum';
margin-bottom: 0;
padding-left: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
line-height: 0;
text-align: left;
@@ -3964,35 +4017,35 @@
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
}
- .ant-menu::before {
+ .drip-menu::before {
display: table;
content: '';
}
- .ant-menu::after {
+ .drip-menu::after {
display: table;
clear: both;
content: '';
}
- .ant-menu.ant-menu-root:focus-visible {
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+ .drip-menu.drip-menu-root:focus-visible {
+ box-shadow: 0 0 0 2px rgba(45, 100, 255, 0.2);
}
- .ant-menu ul,
- .ant-menu ol {
+ .drip-menu ul,
+ .drip-menu ol {
margin: 0;
padding: 0;
list-style: none;
}
- .ant-menu-overflow {
+ .drip-menu-overflow {
display: flex;
}
- .ant-menu-overflow-item {
+ .drip-menu-overflow-item {
flex: none;
}
- .ant-menu-hidden,
- .ant-menu-submenu-hidden {
+ .drip-menu-hidden,
+ .drip-menu-submenu-hidden {
display: none;
}
- .ant-menu-item-group-title {
+ .drip-menu-item-group-title {
height: 1.5715;
padding: 8px 16px;
color: rgba(0, 0, 0, 0.45);
@@ -4000,34 +4053,35 @@
line-height: 1.5715;
transition: all 0.3s;
}
- .ant-menu-horizontal .ant-menu-submenu {
+ .drip-menu-horizontal .drip-menu-submenu {
transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
- .ant-menu-submenu,
- .ant-menu-submenu-inline {
+ .drip-menu-submenu,
+ .drip-menu-submenu-inline {
transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
- .ant-menu-submenu-selected {
- color: #1890ff;
+ .drip-menu-submenu-selected {
+ color: #2D64FF;
}
- .ant-menu-item:active,
- .ant-menu-submenu-title:active {
- background: #e6f7ff;
+ .drip-menu-item:active,
+ .drip-menu-submenu-title:active {
+ background-image: linear-gradient(270deg, rgba(228, 243, 255, 0) 0%, #E4F3FF 100%);
+ border-radius: 8px;
}
- .ant-menu-submenu .ant-menu-sub {
+ .drip-menu-submenu .drip-menu-sub {
cursor: initial;
transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
- .ant-menu-title-content {
+ .drip-menu-title-content {
transition: color 0.3s;
}
- .ant-menu-item a {
- color: rgba(0, 0, 0, 0.85);
+ .drip-menu-item a {
+ color: rgba(0, 0, 0, 0.82);
}
- .ant-menu-item a:hover {
- color: #1890ff;
+ .drip-menu-item a:hover {
+ color: #2D64FF;
}
- .ant-menu-item a::before {
+ .drip-menu-item a::before {
position: absolute;
top: 0;
right: 0;
@@ -4036,89 +4090,89 @@
background-color: transparent;
content: '';
}
- .ant-menu-item > .ant-badge a {
- color: rgba(0, 0, 0, 0.85);
+ .drip-menu-item > .drip-badge a {
+ color: rgba(0, 0, 0, 0.82);
}
- .ant-menu-item > .ant-badge a:hover {
- color: #1890ff;
+ .drip-menu-item > .drip-badge a:hover {
+ color: #2D64FF;
}
- .ant-menu-item-divider {
+ .drip-menu-item-divider {
height: 1px;
overflow: hidden;
line-height: 0;
background-color: #f0f0f0;
}
- .ant-menu-horizontal .ant-menu-item,
- .ant-menu-horizontal .ant-menu-submenu {
+ .drip-menu-horizontal .drip-menu-item,
+ .drip-menu-horizontal .drip-menu-submenu {
margin-top: -1px;
}
- .ant-menu-horizontal > .ant-menu-item:hover,
- .ant-menu-horizontal > .ant-menu-item-active,
- .ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
+ .drip-menu-horizontal > .drip-menu-item:hover,
+ .drip-menu-horizontal > .drip-menu-item-active,
+ .drip-menu-horizontal > .drip-menu-submenu .drip-menu-submenu-title:hover {
background-color: transparent;
}
- .ant-menu-item-selected {
- color: #1890ff;
+ .drip-menu-item-selected {
+ color: #2D64FF;
}
- .ant-menu-item-selected a,
- .ant-menu-item-selected a:hover {
- color: #1890ff;
+ .drip-menu-item-selected a,
+ .drip-menu-item-selected a:hover {
+ color: #2D64FF;
}
- .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
- background-color: #e6f7ff;
+ .drip-menu:not(.drip-menu-horizontal) .drip-menu-item-selected {
+ background-image: linear-gradient(270deg, rgba(228, 243, 255, 0) 0%, #E4F3FF 100%);
}
- .ant-menu-inline,
- .ant-menu-vertical,
- .ant-menu-vertical-left {
+ .drip-menu-inline,
+ .drip-menu-vertical,
+ .drip-menu-vertical-left {
border-right: 1px solid #f0f0f0;
}
- .ant-menu-vertical-right {
+ .drip-menu-vertical-right {
border-left: 1px solid #f0f0f0;
}
- .ant-menu-vertical.ant-menu-sub,
- .ant-menu-vertical-left.ant-menu-sub,
- .ant-menu-vertical-right.ant-menu-sub {
+ .drip-menu-vertical.drip-menu-sub,
+ .drip-menu-vertical-left.drip-menu-sub,
+ .drip-menu-vertical-right.drip-menu-sub {
min-width: 160px;
max-height: calc(100vh - 100px);
padding: 0;
overflow: hidden;
border-right: 0;
}
- .ant-menu-vertical.ant-menu-sub:not([class*='-active']),
- .ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
- .ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
+ .drip-menu-vertical.drip-menu-sub:not([class*='-active']),
+ .drip-menu-vertical-left.drip-menu-sub:not([class*='-active']),
+ .drip-menu-vertical-right.drip-menu-sub:not([class*='-active']) {
overflow-x: hidden;
overflow-y: auto;
}
- .ant-menu-vertical.ant-menu-sub .ant-menu-item,
- .ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
- .ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
+ .drip-menu-vertical.drip-menu-sub .drip-menu-item,
+ .drip-menu-vertical-left.drip-menu-sub .drip-menu-item,
+ .drip-menu-vertical-right.drip-menu-sub .drip-menu-item {
left: 0;
margin-left: 0;
border-right: 0;
}
- .ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
- .ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
- .ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
+ .drip-menu-vertical.drip-menu-sub .drip-menu-item::after,
+ .drip-menu-vertical-left.drip-menu-sub .drip-menu-item::after,
+ .drip-menu-vertical-right.drip-menu-sub .drip-menu-item::after {
border-right: 0;
}
- .ant-menu-vertical.ant-menu-sub > .ant-menu-item,
- .ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
- .ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
- .ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
- .ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
- .ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
+ .drip-menu-vertical.drip-menu-sub > .drip-menu-item,
+ .drip-menu-vertical-left.drip-menu-sub > .drip-menu-item,
+ .drip-menu-vertical-right.drip-menu-sub > .drip-menu-item,
+ .drip-menu-vertical.drip-menu-sub > .drip-menu-submenu,
+ .drip-menu-vertical-left.drip-menu-sub > .drip-menu-submenu,
+ .drip-menu-vertical-right.drip-menu-sub > .drip-menu-submenu {
transform-origin: 0 0;
}
- .ant-menu-horizontal.ant-menu-sub {
+ .drip-menu-horizontal.drip-menu-sub {
min-width: 114px;
}
- .ant-menu-horizontal .ant-menu-item,
- .ant-menu-horizontal .ant-menu-submenu-title {
+ .drip-menu-horizontal .drip-menu-item,
+ .drip-menu-horizontal .drip-menu-submenu-title {
transition: border-color 0.3s, background 0.3s;
}
- .ant-menu-item,
- .ant-menu-submenu-title {
+ .drip-menu-item,
+ .drip-menu-submenu-title {
position: relative;
display: block;
margin: 0;
@@ -4127,37 +4181,37 @@
cursor: pointer;
transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
- .ant-menu-item .ant-menu-item-icon,
- .ant-menu-submenu-title .ant-menu-item-icon,
- .ant-menu-item .anticon,
- .ant-menu-submenu-title .anticon {
+ .drip-menu-item .drip-menu-item-icon,
+ .drip-menu-submenu-title .drip-menu-item-icon,
+ .drip-menu-item .dripicon,
+ .drip-menu-submenu-title .dripicon {
min-width: 14px;
font-size: 14px;
transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
}
- .ant-menu-item .ant-menu-item-icon + span,
- .ant-menu-submenu-title .ant-menu-item-icon + span,
- .ant-menu-item .anticon + span,
- .ant-menu-submenu-title .anticon + span {
+ .drip-menu-item .drip-menu-item-icon + span,
+ .drip-menu-submenu-title .drip-menu-item-icon + span,
+ .drip-menu-item .dripicon + span,
+ .drip-menu-submenu-title .dripicon + span {
margin-left: 10px;
opacity: 1;
transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
}
- .ant-menu-item .ant-menu-item-icon.svg,
- .ant-menu-submenu-title .ant-menu-item-icon.svg {
+ .drip-menu-item .drip-menu-item-icon.svg,
+ .drip-menu-submenu-title .drip-menu-item-icon.svg {
vertical-align: -0.125em;
}
- .ant-menu-item.ant-menu-item-only-child > .anticon,
- .ant-menu-submenu-title.ant-menu-item-only-child > .anticon,
- .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
- .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon {
+ .drip-menu-item.drip-menu-item-only-child > .dripicon,
+ .drip-menu-submenu-title.drip-menu-item-only-child > .dripicon,
+ .drip-menu-item.drip-menu-item-only-child > .drip-menu-item-icon,
+ .drip-menu-submenu-title.drip-menu-item-only-child > .drip-menu-item-icon {
margin-right: 0;
}
- .ant-menu-item:focus-visible,
- .ant-menu-submenu-title:focus-visible {
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+ .drip-menu-item:focus-visible,
+ .drip-menu-submenu-title:focus-visible {
+ box-shadow: 0 0 0 2px rgba(45, 100, 255, 0.2);
}
- .ant-menu > .ant-menu-item-divider {
+ .drip-menu > .drip-menu-item-divider {
height: 1px;
margin: 1px 0;
padding: 0;
@@ -4165,7 +4219,7 @@
line-height: 0;
background-color: #f0f0f0;
}
- .ant-menu-submenu-popup {
+ .drip-menu-submenu-popup {
position: absolute;
z-index: 1050;
background: transparent;
@@ -4173,7 +4227,7 @@
box-shadow: none;
transform-origin: 0 0;
}
- .ant-menu-submenu-popup::before {
+ .drip-menu-submenu-popup::before {
position: absolute;
top: -7px;
right: 0;
@@ -4185,32 +4239,32 @@
opacity: 0.0001;
content: ' ';
}
- .ant-menu-submenu-placement-rightTop::before {
+ .drip-menu-submenu-placement-rightTop::before {
top: 0;
left: -7px;
}
- .ant-menu-submenu > .ant-menu {
+ .drip-menu-submenu > .drip-menu {
background-color: #fff;
border-radius: 2px;
}
- .ant-menu-submenu > .ant-menu-submenu-title::after {
+ .drip-menu-submenu > .drip-menu-submenu-title::after {
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
- .ant-menu-submenu-popup > .ant-menu {
+ .drip-menu-submenu-popup > .drip-menu {
background-color: #fff;
}
- .ant-menu-submenu-expand-icon,
- .ant-menu-submenu-arrow {
+ .drip-menu-submenu-expand-icon,
+ .drip-menu-submenu-arrow {
position: absolute;
top: 50%;
right: 16px;
width: 10px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
transform: translateY(-50%);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
- .ant-menu-submenu-arrow::before,
- .ant-menu-submenu-arrow::after {
+ .drip-menu-submenu-arrow::before,
+ .drip-menu-submenu-arrow::after {
position: absolute;
width: 6px;
height: 1.5px;
@@ -4219,82 +4273,88 @@
transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
content: '';
}
- .ant-menu-submenu-arrow::before {
+ .drip-menu-submenu-arrow::before {
transform: rotate(45deg) translateY(-2.5px);
}
- .ant-menu-submenu-arrow::after {
+ .drip-menu-submenu-arrow::after {
transform: rotate(-45deg) translateY(2.5px);
}
- .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon,
- .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
- color: #1890ff;
+ .drip-menu-submenu:hover > .drip-menu-submenu-title > .drip-menu-submenu-expand-icon,
+ .drip-menu-submenu:hover > .drip-menu-submenu-title > .drip-menu-submenu-arrow {
+ color: #2D64FF;
}
- .ant-menu-inline-collapsed .ant-menu-submenu-arrow::before,
- .ant-menu-submenu-inline .ant-menu-submenu-arrow::before {
+ .drip-menu-inline-collapsed .drip-menu-submenu-arrow::before,
+ .drip-menu-submenu-inline .drip-menu-submenu-arrow::before {
transform: rotate(-45deg) translateX(2.5px);
}
- .ant-menu-inline-collapsed .ant-menu-submenu-arrow::after,
- .ant-menu-submenu-inline .ant-menu-submenu-arrow::after {
+ .drip-menu-inline-collapsed .drip-menu-submenu-arrow::after,
+ .drip-menu-submenu-inline .drip-menu-submenu-arrow::after {
transform: rotate(45deg) translateX(-2.5px);
}
- .ant-menu-submenu-horizontal .ant-menu-submenu-arrow {
+ .drip-menu-submenu-horizontal .drip-menu-submenu-arrow {
display: none;
}
- .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
+ .drip-menu-submenu-open.drip-menu-submenu-inline > .drip-menu-submenu-title > .drip-menu-submenu-arrow {
transform: translateY(-2px);
}
- .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
+ .drip-menu-submenu-open.drip-menu-submenu-inline > .drip-menu-submenu-title > .drip-menu-submenu-arrow::after {
transform: rotate(-45deg) translateX(-2.5px);
}
- .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
+ .drip-menu-submenu-open.drip-menu-submenu-inline > .drip-menu-submenu-title > .drip-menu-submenu-arrow::before {
transform: rotate(45deg) translateX(2.5px);
}
- .ant-menu-vertical .ant-menu-submenu-selected,
- .ant-menu-vertical-left .ant-menu-submenu-selected,
- .ant-menu-vertical-right .ant-menu-submenu-selected {
- color: #1890ff;
+ .drip-menu-submenu-popup:not(.drip-menu-submenu-placement-bottomLeft) > .drip-menu,
+ .drip-menu-submenu-popup:not(.drip-menu-submenu-placement-bottomRight) > .drip-menu,
+ .drip-menu-submenu-popup:not(.drip-menu-submenu-placement-topLeft) > .drip-menu,
+ .drip-menu-submenu-popup:not(.drip-menu-submenu-placement-topRight) > .drip-menu {
+ margin-left: -4px;
+ }
+ .drip-menu-vertical .drip-menu-submenu-selected,
+ .drip-menu-vertical-left .drip-menu-submenu-selected,
+ .drip-menu-vertical-right .drip-menu-submenu-selected {
+ color: #2D64FF;
}
- .ant-menu-horizontal {
+ .drip-menu-horizontal {
line-height: 46px;
border: 0;
border-bottom: 1px solid #f0f0f0;
box-shadow: none;
}
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item,
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
+ .drip-menu-horizontal:not(.drip-menu-dark) > .drip-menu-item,
+ .drip-menu-horizontal:not(.drip-menu-dark) > .drip-menu-submenu {
margin-top: -1px;
margin-bottom: 0;
padding: 0 20px;
}
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
- color: #1890ff;
- }
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after,
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after,
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after,
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after,
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after,
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after,
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after,
- .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after {
- border-bottom: 2px solid #1890ff;
- }
- .ant-menu-horizontal > .ant-menu-item,
- .ant-menu-horizontal > .ant-menu-submenu {
+ .drip-menu-horizontal:not(.drip-menu-dark) > .drip-menu-item:hover,
+ .drip-menu-horizontal:not(.drip-menu-dark) > .drip-menu-submenu:hover,
+ .drip-menu-horizontal:not(.drip-menu-dark) > .drip-menu-item-active,
+ .drip-menu-horizontal:not(.drip-menu-dark) > .drip-menu-submenu-active,
+ .drip-menu-horizontal:not(.drip-menu-dark) > .drip-menu-item-open,
+ .drip-menu-horizontal:not(.drip-menu-dark) > .drip-menu-submenu-open,
+ .drip-menu-horizontal:not(.drip-menu-dark) > .drip-menu-item-selected,
+ .drip-menu-horizontal:not(.drip-menu-dark) > .drip-menu-submenu-selected {
+ color: #2D64FF;
+ }
+ .drip-menu-horizontal:not(.drip-menu-dark) > .drip-menu-item:hover::after,
+ .drip-menu-horizontal:not(.drip-menu-dark) > .drip-menu-submenu:hover::after,
+ .drip-menu-horizontal:not(.drip-menu-dark) > .drip-menu-item-active::after,
+ .drip-menu-horizontal:not(.drip-menu-dark) > .drip-menu-submenu-active::after,
+ .drip-menu-horizontal:not(.drip-menu-dark) > .drip-menu-item-open::after,
+ .drip-menu-horizontal:not(.drip-menu-dark) > .drip-menu-submenu-open::after,
+ .drip-menu-horizontal:not(.drip-menu-dark) > .drip-menu-item-selected::after,
+ .drip-menu-horizontal:not(.drip-menu-dark) > .drip-menu-submenu-selected::after {
+ border-bottom: 2px solid #2D64FF;
+ }
+ .drip-menu-horizontal > .drip-menu-item,
+ .drip-menu-horizontal > .drip-menu-submenu {
position: relative;
top: 1px;
display: inline-block;
vertical-align: bottom;
}
- .ant-menu-horizontal > .ant-menu-item::after,
- .ant-menu-horizontal > .ant-menu-submenu::after {
+ .drip-menu-horizontal > .drip-menu-item::after,
+ .drip-menu-horizontal > .drip-menu-submenu::after {
position: absolute;
right: 20px;
bottom: 0;
@@ -4303,55 +4363,41 @@
transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
content: '';
}
- .ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title {
+ .drip-menu-horizontal > .drip-menu-submenu > .drip-menu-submenu-title {
padding: 0;
}
- .ant-menu-horizontal > .ant-menu-item a {
- color: rgba(0, 0, 0, 0.85);
+ .drip-menu-horizontal > .drip-menu-item a {
+ color: rgba(0, 0, 0, 0.82);
}
- .ant-menu-horizontal > .ant-menu-item a:hover {
- color: #1890ff;
+ .drip-menu-horizontal > .drip-menu-item a:hover {
+ color: #2D64FF;
}
- .ant-menu-horizontal > .ant-menu-item a::before {
+ .drip-menu-horizontal > .drip-menu-item a::before {
bottom: -2px;
}
- .ant-menu-horizontal > .ant-menu-item-selected a {
- color: #1890ff;
+ .drip-menu-horizontal > .drip-menu-item-selected a {
+ color: #2D64FF;
}
- .ant-menu-horizontal::after {
+ .drip-menu-horizontal::after {
display: block;
clear: both;
height: 0;
content: '\20';
}
- .ant-menu-vertical .ant-menu-item,
- .ant-menu-vertical-left .ant-menu-item,
- .ant-menu-vertical-right .ant-menu-item,
- .ant-menu-inline .ant-menu-item {
+ .drip-menu-vertical .drip-menu-item,
+ .drip-menu-vertical-left .drip-menu-item,
+ .drip-menu-vertical-right .drip-menu-item,
+ .drip-menu-inline .drip-menu-item {
position: relative;
}
- .ant-menu-vertical .ant-menu-item::after,
- .ant-menu-vertical-left .ant-menu-item::after,
- .ant-menu-vertical-right .ant-menu-item::after,
- .ant-menu-inline .ant-menu-item::after {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- border-right: 3px solid #1890ff;
- transform: scaleY(0.0001);
- opacity: 0;
- transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
- content: '';
- }
- .ant-menu-vertical .ant-menu-item,
- .ant-menu-vertical-left .ant-menu-item,
- .ant-menu-vertical-right .ant-menu-item,
- .ant-menu-inline .ant-menu-item,
- .ant-menu-vertical .ant-menu-submenu-title,
- .ant-menu-vertical-left .ant-menu-submenu-title,
- .ant-menu-vertical-right .ant-menu-submenu-title,
- .ant-menu-inline .ant-menu-submenu-title {
+ .drip-menu-vertical .drip-menu-item,
+ .drip-menu-vertical-left .drip-menu-item,
+ .drip-menu-vertical-right .drip-menu-item,
+ .drip-menu-inline .drip-menu-item,
+ .drip-menu-vertical .drip-menu-submenu-title,
+ .drip-menu-vertical-left .drip-menu-submenu-title,
+ .drip-menu-vertical-right .drip-menu-submenu-title,
+ .drip-menu-inline .drip-menu-submenu-title {
height: 40px;
margin-top: 4px;
margin-bottom: 4px;
@@ -4360,461 +4406,485 @@
line-height: 40px;
text-overflow: ellipsis;
}
- .ant-menu-vertical .ant-menu-submenu,
- .ant-menu-vertical-left .ant-menu-submenu,
- .ant-menu-vertical-right .ant-menu-submenu,
- .ant-menu-inline .ant-menu-submenu {
+ .drip-menu-vertical .drip-menu-submenu,
+ .drip-menu-vertical-left .drip-menu-submenu,
+ .drip-menu-vertical-right .drip-menu-submenu,
+ .drip-menu-inline .drip-menu-submenu {
padding-bottom: 0.02px;
}
- .ant-menu-vertical .ant-menu-item:not(:last-child),
- .ant-menu-vertical-left .ant-menu-item:not(:last-child),
- .ant-menu-vertical-right .ant-menu-item:not(:last-child),
- .ant-menu-inline .ant-menu-item:not(:last-child) {
+ .drip-menu-vertical .drip-menu-item:not(:last-child),
+ .drip-menu-vertical-left .drip-menu-item:not(:last-child),
+ .drip-menu-vertical-right .drip-menu-item:not(:last-child),
+ .drip-menu-inline .drip-menu-item:not(:last-child) {
margin-bottom: 8px;
}
- .ant-menu-vertical > .ant-menu-item,
- .ant-menu-vertical-left > .ant-menu-item,
- .ant-menu-vertical-right > .ant-menu-item,
- .ant-menu-inline > .ant-menu-item,
- .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
- .ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
- .ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
- .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
+ .drip-menu-vertical > .drip-menu-item,
+ .drip-menu-vertical-left > .drip-menu-item,
+ .drip-menu-vertical-right > .drip-menu-item,
+ .drip-menu-inline > .drip-menu-item,
+ .drip-menu-vertical > .drip-menu-submenu > .drip-menu-submenu-title,
+ .drip-menu-vertical-left > .drip-menu-submenu > .drip-menu-submenu-title,
+ .drip-menu-vertical-right > .drip-menu-submenu > .drip-menu-submenu-title,
+ .drip-menu-inline > .drip-menu-submenu > .drip-menu-submenu-title {
height: 40px;
line-height: 40px;
}
- .ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title,
- .ant-menu-vertical .ant-menu-submenu-title {
+ .drip-menu-vertical .drip-menu-item-group-list .drip-menu-submenu-title,
+ .drip-menu-vertical .drip-menu-submenu-title {
padding-right: 34px;
}
- .ant-menu-inline {
+ .drip-menu-inline {
width: 100%;
}
- .ant-menu-inline .ant-menu-selected::after,
- .ant-menu-inline .ant-menu-item-selected::after {
+ .drip-menu-inline .drip-menu-selected::after,
+ .drip-menu-inline .drip-menu-item-selected::after {
transform: scaleY(1);
opacity: 1;
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
- .ant-menu-inline .ant-menu-item,
- .ant-menu-inline .ant-menu-submenu-title {
+ .drip-menu-inline .drip-menu-item,
+ .drip-menu-inline .drip-menu-submenu-title {
width: calc(100% + 1px);
}
- .ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title,
- .ant-menu-inline .ant-menu-submenu-title {
+ .drip-menu-inline .drip-menu-item-group-list .drip-menu-submenu-title,
+ .drip-menu-inline .drip-menu-submenu-title {
padding-right: 34px;
}
- .ant-menu-inline.ant-menu-root .ant-menu-item,
- .ant-menu-inline.ant-menu-root .ant-menu-submenu-title {
+ .drip-menu-inline.drip-menu-root .drip-menu-item,
+ .drip-menu-inline.drip-menu-root .drip-menu-submenu-title {
display: flex;
align-items: center;
transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
- .ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content,
- .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content {
+ .drip-menu-inline.drip-menu-root .drip-menu-item > .drip-menu-title-content,
+ .drip-menu-inline.drip-menu-root .drip-menu-submenu-title > .drip-menu-title-content {
flex: auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
- .ant-menu-inline.ant-menu-root .ant-menu-item > *,
- .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * {
+ .drip-menu-inline.drip-menu-root .drip-menu-item > *,
+ .drip-menu-inline.drip-menu-root .drip-menu-submenu-title > * {
flex: none;
}
- .ant-menu.ant-menu-inline-collapsed {
+ .drip-menu-inline .drip-menu-item {
+ width: auto;
+ margin-left: 8px;
+ margin-right: 8px;
+ border-radius: 8px;
+ }
+ .drip-menu.drip-menu-inline-collapsed {
width: 80px;
}
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item,
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-item,
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-item-group > .drip-menu-item-group-list > .drip-menu-item,
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-item-group > .drip-menu-item-group-list > .drip-menu-submenu > .drip-menu-submenu-title,
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-submenu > .drip-menu-submenu-title {
left: 0;
padding: 0 calc(50% - 16px / 2);
text-overflow: clip;
}
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-item .drip-menu-submenu-arrow,
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-item-group > .drip-menu-item-group-list > .drip-menu-item .drip-menu-submenu-arrow,
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-item-group > .drip-menu-item-group-list > .drip-menu-submenu > .drip-menu-submenu-title .drip-menu-submenu-arrow,
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-submenu > .drip-menu-submenu-title .drip-menu-submenu-arrow {
opacity: 0;
}
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon,
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon,
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon,
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-item .drip-menu-item-icon,
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-item-group > .drip-menu-item-group-list > .drip-menu-item .drip-menu-item-icon,
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-item-group > .drip-menu-item-group-list > .drip-menu-submenu > .drip-menu-submenu-title .drip-menu-item-icon,
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-submenu > .drip-menu-submenu-title .drip-menu-item-icon,
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-item .dripicon,
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-item-group > .drip-menu-item-group-list > .drip-menu-item .dripicon,
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-item-group > .drip-menu-item-group-list > .drip-menu-submenu > .drip-menu-submenu-title .dripicon,
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-submenu > .drip-menu-submenu-title .dripicon {
margin: 0;
font-size: 16px;
line-height: 40px;
}
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span,
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span,
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
- .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-item .drip-menu-item-icon + span,
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-item-group > .drip-menu-item-group-list > .drip-menu-item .drip-menu-item-icon + span,
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-item-group > .drip-menu-item-group-list > .drip-menu-submenu > .drip-menu-submenu-title .drip-menu-item-icon + span,
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-submenu > .drip-menu-submenu-title .drip-menu-item-icon + span,
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-item .dripicon + span,
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-item-group > .drip-menu-item-group-list > .drip-menu-item .dripicon + span,
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-item-group > .drip-menu-item-group-list > .drip-menu-submenu > .drip-menu-submenu-title .dripicon + span,
+ .drip-menu.drip-menu-inline-collapsed > .drip-menu-submenu > .drip-menu-submenu-title .dripicon + span {
display: inline-block;
opacity: 0;
}
- .ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon,
- .ant-menu.ant-menu-inline-collapsed .anticon {
+ .drip-menu.drip-menu-inline-collapsed .drip-menu-item-icon,
+ .drip-menu.drip-menu-inline-collapsed .dripicon {
display: inline-block;
}
- .ant-menu.ant-menu-inline-collapsed-tooltip {
+ .drip-menu.drip-menu-inline-collapsed-tooltip {
pointer-events: none;
}
- .ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,
- .ant-menu.ant-menu-inline-collapsed-tooltip .anticon {
+ .drip-menu.drip-menu-inline-collapsed-tooltip .drip-menu-item-icon,
+ .drip-menu.drip-menu-inline-collapsed-tooltip .dripicon {
display: none;
}
- .ant-menu.ant-menu-inline-collapsed-tooltip a {
+ .drip-menu.drip-menu-inline-collapsed-tooltip a {
color: rgba(255, 255, 255, 0.85);
}
- .ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title {
+ .drip-menu.drip-menu-inline-collapsed .drip-menu-item-group-title {
padding-right: 4px;
padding-left: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
- .ant-menu-item-group-list {
+ .drip-menu-item-group-list {
margin: 0;
padding: 0;
}
- .ant-menu-item-group-list .ant-menu-item,
- .ant-menu-item-group-list .ant-menu-submenu-title {
+ .drip-menu-item-group-list .drip-menu-item,
+ .drip-menu-item-group-list .drip-menu-submenu-title {
padding: 0 16px 0 28px;
}
- .ant-menu-root.ant-menu-vertical,
- .ant-menu-root.ant-menu-vertical-left,
- .ant-menu-root.ant-menu-vertical-right,
- .ant-menu-root.ant-menu-inline {
+ .drip-menu-root.drip-menu-vertical,
+ .drip-menu-root.drip-menu-vertical-left,
+ .drip-menu-root.drip-menu-vertical-right,
+ .drip-menu-root.drip-menu-inline {
box-shadow: none;
}
- .ant-menu-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-collapsed-noicon,
- .ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title > .ant-menu-inline-collapsed-noicon {
+ .drip-menu-root.drip-menu-inline-collapsed .drip-menu-item > .drip-menu-inline-collapsed-noicon,
+ .drip-menu-root.drip-menu-inline-collapsed .drip-menu-submenu .drip-menu-submenu-title > .drip-menu-inline-collapsed-noicon {
font-size: 16px;
text-align: center;
}
- .ant-menu-sub.ant-menu-inline {
+ .drip-menu-sub.drip-menu-inline {
padding: 0;
- background: #fafafa;
+ background: #fff;
border: 0;
border-radius: 0;
box-shadow: none;
}
- .ant-menu-sub.ant-menu-inline > .ant-menu-item,
- .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
+ .drip-menu-sub.drip-menu-inline > .drip-menu-item,
+ .drip-menu-sub.drip-menu-inline > .drip-menu-submenu > .drip-menu-submenu-title {
height: 40px;
line-height: 40px;
list-style-position: inside;
list-style-type: disc;
}
- .ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
+ .drip-menu-sub.drip-menu-inline .drip-menu-item-group-title {
padding-left: 32px;
}
- .ant-menu-item-disabled,
- .ant-menu-submenu-disabled {
+ .drip-menu-item-disabled,
+ .drip-menu-submenu-disabled {
color: rgba(0, 0, 0, 0.25) !important;
background: none;
cursor: not-allowed;
}
- .ant-menu-item-disabled::after,
- .ant-menu-submenu-disabled::after {
+ .drip-menu-item-disabled::after,
+ .drip-menu-submenu-disabled::after {
border-color: transparent !important;
}
- .ant-menu-item-disabled a,
- .ant-menu-submenu-disabled a {
+ .drip-menu-item-disabled a,
+ .drip-menu-submenu-disabled a {
color: rgba(0, 0, 0, 0.25) !important;
pointer-events: none;
}
- .ant-menu-item-disabled > .ant-menu-submenu-title,
- .ant-menu-submenu-disabled > .ant-menu-submenu-title {
+ .drip-menu-item-disabled > .drip-menu-submenu-title,
+ .drip-menu-submenu-disabled > .drip-menu-submenu-title {
color: rgba(0, 0, 0, 0.25) !important;
cursor: not-allowed;
}
- .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
- .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
- .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
- .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
+ .drip-menu-item-disabled > .drip-menu-submenu-title > .drip-menu-submenu-arrow::before,
+ .drip-menu-submenu-disabled > .drip-menu-submenu-title > .drip-menu-submenu-arrow::before,
+ .drip-menu-item-disabled > .drip-menu-submenu-title > .drip-menu-submenu-arrow::after,
+ .drip-menu-submenu-disabled > .drip-menu-submenu-title > .drip-menu-submenu-arrow::after {
background: rgba(0, 0, 0, 0.25) !important;
}
- .ant-layout-header .ant-menu {
+ .drip-layout-header .drip-menu {
line-height: inherit;
}
- .ant-menu-light .ant-menu-item:hover,
- .ant-menu-light .ant-menu-item-active,
- .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
- .ant-menu-light .ant-menu-submenu-active,
- .ant-menu-light .ant-menu-submenu-title:hover {
- color: #1890ff;
+ .drip-menu-light .drip-menu-item:hover,
+ .drip-menu-light .drip-menu-item-active,
+ .drip-menu-light .drip-menu:not(.drip-menu-inline) .drip-menu-submenu-open,
+ .drip-menu-light .drip-menu-submenu-active,
+ .drip-menu-light .drip-menu-submenu-title:hover {
+ color: #2D64FF;
}
- .ant-menu.ant-menu-dark,
- .ant-menu-dark .ant-menu-sub,
- .ant-menu.ant-menu-dark .ant-menu-sub {
+ .drip-menu.drip-menu-dark,
+ .drip-menu-dark .drip-menu-sub,
+ .drip-menu.drip-menu-dark .drip-menu-sub {
color: rgba(255, 255, 255, 0.65);
background: #001529;
}
- .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
- .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,
- .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
+ .drip-menu.drip-menu-dark .drip-menu-submenu-title .drip-menu-submenu-arrow,
+ .drip-menu-dark .drip-menu-sub .drip-menu-submenu-title .drip-menu-submenu-arrow,
+ .drip-menu.drip-menu-dark .drip-menu-sub .drip-menu-submenu-title .drip-menu-submenu-arrow {
opacity: 0.45;
transition: all 0.3s;
}
- .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
- .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
- .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
- .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
- .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
- .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
+ .drip-menu.drip-menu-dark .drip-menu-submenu-title .drip-menu-submenu-arrow::after,
+ .drip-menu-dark .drip-menu-sub .drip-menu-submenu-title .drip-menu-submenu-arrow::after,
+ .drip-menu.drip-menu-dark .drip-menu-sub .drip-menu-submenu-title .drip-menu-submenu-arrow::after,
+ .drip-menu.drip-menu-dark .drip-menu-submenu-title .drip-menu-submenu-arrow::before,
+ .drip-menu-dark .drip-menu-sub .drip-menu-submenu-title .drip-menu-submenu-arrow::before,
+ .drip-menu.drip-menu-dark .drip-menu-sub .drip-menu-submenu-title .drip-menu-submenu-arrow::before {
background: #fff;
}
- .ant-menu-dark.ant-menu-submenu-popup {
+ .drip-menu-dark.drip-menu-submenu-popup {
background: transparent;
}
- .ant-menu-dark .ant-menu-inline.ant-menu-sub {
+ .drip-menu-dark .drip-menu-inline.drip-menu-sub {
background: #000c17;
}
- .ant-menu-dark.ant-menu-horizontal {
+ .drip-menu-dark.drip-menu-horizontal {
border-bottom: 0;
}
- .ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
- .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
+ .drip-menu-dark.drip-menu-horizontal > .drip-menu-item,
+ .drip-menu-dark.drip-menu-horizontal > .drip-menu-submenu {
top: 0;
margin-top: 0;
padding: 0 20px;
border-color: #001529;
border-bottom: 0;
}
- .ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
- background-color: #1890ff;
+ .drip-menu-dark.drip-menu-horizontal > .drip-menu-item:hover {
+ background-color: #2D64FF;
}
- .ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
+ .drip-menu-dark.drip-menu-horizontal > .drip-menu-item > a::before {
bottom: 0;
}
- .ant-menu-dark .ant-menu-item,
- .ant-menu-dark .ant-menu-item-group-title,
- .ant-menu-dark .ant-menu-item > a,
- .ant-menu-dark .ant-menu-item > span > a {
+ .drip-menu-dark .drip-menu-item,
+ .drip-menu-dark .drip-menu-item-group-title,
+ .drip-menu-dark .drip-menu-item > a,
+ .drip-menu-dark .drip-menu-item > span > a {
color: rgba(255, 255, 255, 0.65);
}
- .ant-menu-dark.ant-menu-inline,
- .ant-menu-dark.ant-menu-vertical,
- .ant-menu-dark.ant-menu-vertical-left,
- .ant-menu-dark.ant-menu-vertical-right {
+ .drip-menu-dark.drip-menu-inline,
+ .drip-menu-dark.drip-menu-vertical,
+ .drip-menu-dark.drip-menu-vertical-left,
+ .drip-menu-dark.drip-menu-vertical-right {
border-right: 0;
}
- .ant-menu-dark.ant-menu-inline .ant-menu-item,
- .ant-menu-dark.ant-menu-vertical .ant-menu-item,
- .ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
- .ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
+ .drip-menu-dark.drip-menu-inline .drip-menu-item,
+ .drip-menu-dark.drip-menu-vertical .drip-menu-item,
+ .drip-menu-dark.drip-menu-vertical-left .drip-menu-item,
+ .drip-menu-dark.drip-menu-vertical-right .drip-menu-item {
left: 0;
margin-left: 0;
border-right: 0;
}
- .ant-menu-dark.ant-menu-inline .ant-menu-item::after,
- .ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
- .ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
- .ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
+ .drip-menu-dark.drip-menu-inline .drip-menu-item::after,
+ .drip-menu-dark.drip-menu-vertical .drip-menu-item::after,
+ .drip-menu-dark.drip-menu-vertical-left .drip-menu-item::after,
+ .drip-menu-dark.drip-menu-vertical-right .drip-menu-item::after {
border-right: 0;
}
- .ant-menu-dark.ant-menu-inline .ant-menu-item,
- .ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
+ .drip-menu-dark.drip-menu-inline .drip-menu-item,
+ .drip-menu-dark.drip-menu-inline .drip-menu-submenu-title {
width: 100%;
}
- .ant-menu-dark .ant-menu-item:hover,
- .ant-menu-dark .ant-menu-item-active,
- .ant-menu-dark .ant-menu-submenu-active,
- .ant-menu-dark .ant-menu-submenu-open,
- .ant-menu-dark .ant-menu-submenu-selected,
- .ant-menu-dark .ant-menu-submenu-title:hover {
+ .drip-menu-dark.drip-menu-inline .drip-menu-submenu-title:active {
+ background-image: none;
+ }
+ .drip-menu-dark .drip-menu-item:hover,
+ .drip-menu-dark .drip-menu-item:active,
+ .drip-menu-dark .drip-menu-item-active,
+ .drip-menu-dark .drip-menu-submenu-active,
+ .drip-menu-dark .drip-menu-submenu-open,
+ .drip-menu-dark .drip-menu-submenu-selected,
+ .drip-menu-dark .drip-menu-submenu-title:hover {
color: #fff;
background-color: transparent;
}
- .ant-menu-dark .ant-menu-item:hover > a,
- .ant-menu-dark .ant-menu-item-active > a,
- .ant-menu-dark .ant-menu-submenu-active > a,
- .ant-menu-dark .ant-menu-submenu-open > a,
- .ant-menu-dark .ant-menu-submenu-selected > a,
- .ant-menu-dark .ant-menu-submenu-title:hover > a,
- .ant-menu-dark .ant-menu-item:hover > span > a,
- .ant-menu-dark .ant-menu-item-active > span > a,
- .ant-menu-dark .ant-menu-submenu-active > span > a,
- .ant-menu-dark .ant-menu-submenu-open > span > a,
- .ant-menu-dark .ant-menu-submenu-selected > span > a,
- .ant-menu-dark .ant-menu-submenu-title:hover > span > a {
+ .drip-menu-dark .drip-menu-item:hover > a,
+ .drip-menu-dark .drip-menu-item:active > a,
+ .drip-menu-dark .drip-menu-item-active > a,
+ .drip-menu-dark .drip-menu-submenu-active > a,
+ .drip-menu-dark .drip-menu-submenu-open > a,
+ .drip-menu-dark .drip-menu-submenu-selected > a,
+ .drip-menu-dark .drip-menu-submenu-title:hover > a,
+ .drip-menu-dark .drip-menu-item:hover > span > a,
+ .drip-menu-dark .drip-menu-item:active > span > a,
+ .drip-menu-dark .drip-menu-item-active > span > a,
+ .drip-menu-dark .drip-menu-submenu-active > span > a,
+ .drip-menu-dark .drip-menu-submenu-open > span > a,
+ .drip-menu-dark .drip-menu-submenu-selected > span > a,
+ .drip-menu-dark .drip-menu-submenu-title:hover > span > a {
color: #fff;
}
- .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
- .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
- .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
- .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
- .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
- .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
+ .drip-menu-dark .drip-menu-item:hover > .drip-menu-submenu-title > .drip-menu-submenu-arrow,
+ .drip-menu-dark .drip-menu-item:active > .drip-menu-submenu-title > .drip-menu-submenu-arrow,
+ .drip-menu-dark .drip-menu-item-active > .drip-menu-submenu-title > .drip-menu-submenu-arrow,
+ .drip-menu-dark .drip-menu-submenu-active > .drip-menu-submenu-title > .drip-menu-submenu-arrow,
+ .drip-menu-dark .drip-menu-submenu-open > .drip-menu-submenu-title > .drip-menu-submenu-arrow,
+ .drip-menu-dark .drip-menu-submenu-selected > .drip-menu-submenu-title > .drip-menu-submenu-arrow,
+ .drip-menu-dark .drip-menu-submenu-title:hover > .drip-menu-submenu-title > .drip-menu-submenu-arrow {
opacity: 1;
}
- .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
- .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
- .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
- .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
- .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
- .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
- .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
- .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
- .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
- .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
- .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
- .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
+ .drip-menu-dark .drip-menu-item:hover > .drip-menu-submenu-title > .drip-menu-submenu-arrow::after,
+ .drip-menu-dark .drip-menu-item:active > .drip-menu-submenu-title > .drip-menu-submenu-arrow::after,
+ .drip-menu-dark .drip-menu-item-active > .drip-menu-submenu-title > .drip-menu-submenu-arrow::after,
+ .drip-menu-dark .drip-menu-submenu-active > .drip-menu-submenu-title > .drip-menu-submenu-arrow::after,
+ .drip-menu-dark .drip-menu-submenu-open > .drip-menu-submenu-title > .drip-menu-submenu-arrow::after,
+ .drip-menu-dark .drip-menu-submenu-selected > .drip-menu-submenu-title > .drip-menu-submenu-arrow::after,
+ .drip-menu-dark .drip-menu-submenu-title:hover > .drip-menu-submenu-title > .drip-menu-submenu-arrow::after,
+ .drip-menu-dark .drip-menu-item:hover > .drip-menu-submenu-title > .drip-menu-submenu-arrow::before,
+ .drip-menu-dark .drip-menu-item:active > .drip-menu-submenu-title > .drip-menu-submenu-arrow::before,
+ .drip-menu-dark .drip-menu-item-active > .drip-menu-submenu-title > .drip-menu-submenu-arrow::before,
+ .drip-menu-dark .drip-menu-submenu-active > .drip-menu-submenu-title > .drip-menu-submenu-arrow::before,
+ .drip-menu-dark .drip-menu-submenu-open > .drip-menu-submenu-title > .drip-menu-submenu-arrow::before,
+ .drip-menu-dark .drip-menu-submenu-selected > .drip-menu-submenu-title > .drip-menu-submenu-arrow::before,
+ .drip-menu-dark .drip-menu-submenu-title:hover > .drip-menu-submenu-title > .drip-menu-submenu-arrow::before {
background: #fff;
}
- .ant-menu-dark .ant-menu-item:hover {
+ .drip-menu-dark .drip-menu-item:hover,
+ .drip-menu-dark .drip-menu-item:active {
background-color: transparent;
+ background-image: none;
}
- .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
- background-color: #1890ff;
+ .drip-menu-dark.drip-menu-dark:not(.drip-menu-horizontal) .drip-menu-item-selected {
+ background-color: #2D64FF;
+ background-image: none;
}
- .ant-menu-dark .ant-menu-item-selected {
+ .drip-menu-dark .drip-menu-item-selected {
color: #fff;
border-right: 0;
}
- .ant-menu-dark .ant-menu-item-selected::after {
+ .drip-menu-dark .drip-menu-item-selected::after {
border-right: 0;
}
- .ant-menu-dark .ant-menu-item-selected > a,
- .ant-menu-dark .ant-menu-item-selected > span > a,
- .ant-menu-dark .ant-menu-item-selected > a:hover,
- .ant-menu-dark .ant-menu-item-selected > span > a:hover {
+ .drip-menu-dark .drip-menu-item-selected > a,
+ .drip-menu-dark .drip-menu-item-selected > span > a,
+ .drip-menu-dark .drip-menu-item-selected > a:hover,
+ .drip-menu-dark .drip-menu-item-selected > span > a:hover {
color: #fff;
}
- .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,
- .ant-menu-dark .ant-menu-item-selected .anticon {
+ .drip-menu-dark .drip-menu-item-selected .drip-menu-item-icon,
+ .drip-menu-dark .drip-menu-item-selected .dripicon {
color: #fff;
}
- .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span,
- .ant-menu-dark .ant-menu-item-selected .anticon + span {
+ .drip-menu-dark .drip-menu-item-selected .drip-menu-item-icon + span,
+ .drip-menu-dark .drip-menu-item-selected .dripicon + span {
color: #fff;
}
- .ant-menu.ant-menu-dark .ant-menu-item-selected,
- .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
- background-color: #1890ff;
+ .drip-menu.drip-menu-dark .drip-menu-item-selected,
+ .drip-menu-submenu-popup.drip-menu-dark .drip-menu-item-selected {
+ background-color: #2D64FF;
}
- .ant-menu-dark .ant-menu-item-disabled,
- .ant-menu-dark .ant-menu-submenu-disabled,
- .ant-menu-dark .ant-menu-item-disabled > a,
- .ant-menu-dark .ant-menu-submenu-disabled > a,
- .ant-menu-dark .ant-menu-item-disabled > span > a,
- .ant-menu-dark .ant-menu-submenu-disabled > span > a {
+ .drip-menu-dark .drip-menu-item-disabled,
+ .drip-menu-dark .drip-menu-submenu-disabled,
+ .drip-menu-dark .drip-menu-item-disabled > a,
+ .drip-menu-dark .drip-menu-submenu-disabled > a,
+ .drip-menu-dark .drip-menu-item-disabled > span > a,
+ .drip-menu-dark .drip-menu-submenu-disabled > span > a {
color: rgba(255, 255, 255, 0.35) !important;
opacity: 0.8;
}
- .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
- .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
+ .drip-menu-dark .drip-menu-item-disabled > .drip-menu-submenu-title,
+ .drip-menu-dark .drip-menu-submenu-disabled > .drip-menu-submenu-title {
color: rgba(255, 255, 255, 0.35) !important;
}
- .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
- .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
- .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
- .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
+ .drip-menu-dark .drip-menu-item-disabled > .drip-menu-submenu-title > .drip-menu-submenu-arrow::before,
+ .drip-menu-dark .drip-menu-submenu-disabled > .drip-menu-submenu-title > .drip-menu-submenu-arrow::before,
+ .drip-menu-dark .drip-menu-item-disabled > .drip-menu-submenu-title > .drip-menu-submenu-arrow::after,
+ .drip-menu-dark .drip-menu-submenu-disabled > .drip-menu-submenu-title > .drip-menu-submenu-arrow::after {
background: rgba(255, 255, 255, 0.35) !important;
}
- .ant-menu.ant-menu-rtl {
+ .drip-menu-dark.drip-menu-inline .drip-menu-item {
+ width: auto;
+ margin-left: 8px;
+ margin-right: 8px;
+ border-radius: 8px;
+ }
+ .drip-menu.drip-menu-rtl {
direction: rtl;
text-align: right;
}
- .ant-menu-rtl .ant-menu-item-group-title {
+ .drip-menu-rtl .drip-menu-item-group-title {
text-align: right;
}
- .ant-menu-rtl.ant-menu-inline,
- .ant-menu-rtl.ant-menu-vertical {
+ .drip-menu-rtl.drip-menu-inline,
+ .drip-menu-rtl.drip-menu-vertical {
border-right: none;
border-left: 1px solid #f0f0f0;
}
- .ant-menu-rtl.ant-menu-dark.ant-menu-inline,
- .ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
+ .drip-menu-rtl.drip-menu-dark.drip-menu-inline,
+ .drip-menu-rtl.drip-menu-dark.drip-menu-vertical {
border-left: none;
}
- .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
- .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
- .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
- .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
- .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
- .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
+ .drip-menu-rtl.drip-menu-vertical.drip-menu-sub > .drip-menu-item,
+ .drip-menu-rtl.drip-menu-vertical-left.drip-menu-sub > .drip-menu-item,
+ .drip-menu-rtl.drip-menu-vertical-right.drip-menu-sub > .drip-menu-item,
+ .drip-menu-rtl.drip-menu-vertical.drip-menu-sub > .drip-menu-submenu,
+ .drip-menu-rtl.drip-menu-vertical-left.drip-menu-sub > .drip-menu-submenu,
+ .drip-menu-rtl.drip-menu-vertical-right.drip-menu-sub > .drip-menu-submenu {
transform-origin: top right;
}
- .ant-menu-rtl .ant-menu-item .ant-menu-item-icon,
- .ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,
- .ant-menu-rtl .ant-menu-item .anticon,
- .ant-menu-rtl .ant-menu-submenu-title .anticon {
+ .drip-menu-rtl .drip-menu-item .drip-menu-item-icon,
+ .drip-menu-rtl .drip-menu-submenu-title .drip-menu-item-icon,
+ .drip-menu-rtl .drip-menu-item .dripicon,
+ .drip-menu-rtl .drip-menu-submenu-title .dripicon {
margin-right: auto;
margin-left: 10px;
}
- .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
- .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon,
- .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon,
- .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
+ .drip-menu-rtl .drip-menu-item.drip-menu-item-only-child > .drip-menu-item-icon,
+ .drip-menu-rtl .drip-menu-submenu-title.drip-menu-item-only-child > .drip-menu-item-icon,
+ .drip-menu-rtl .drip-menu-item.drip-menu-item-only-child > .dripicon,
+ .drip-menu-rtl .drip-menu-submenu-title.drip-menu-item-only-child > .dripicon {
margin-left: 0;
}
- .ant-menu-submenu-rtl.ant-menu-submenu-popup {
+ .drip-menu-submenu-rtl.drip-menu-submenu-popup {
transform-origin: 100% 0;
}
- .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
- .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
- .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
- .ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
+ .drip-menu-rtl .drip-menu-submenu-vertical > .drip-menu-submenu-title .drip-menu-submenu-arrow,
+ .drip-menu-rtl .drip-menu-submenu-vertical-left > .drip-menu-submenu-title .drip-menu-submenu-arrow,
+ .drip-menu-rtl .drip-menu-submenu-vertical-right > .drip-menu-submenu-title .drip-menu-submenu-arrow,
+ .drip-menu-rtl .drip-menu-submenu-inline > .drip-menu-submenu-title .drip-menu-submenu-arrow {
right: auto;
left: 16px;
}
- .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
- .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
- .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
+ .drip-menu-rtl .drip-menu-submenu-vertical > .drip-menu-submenu-title .drip-menu-submenu-arrow::before,
+ .drip-menu-rtl .drip-menu-submenu-vertical-left > .drip-menu-submenu-title .drip-menu-submenu-arrow::before,
+ .drip-menu-rtl .drip-menu-submenu-vertical-right > .drip-menu-submenu-title .drip-menu-submenu-arrow::before {
transform: rotate(-45deg) translateY(-2px);
}
- .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
- .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
- .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
+ .drip-menu-rtl .drip-menu-submenu-vertical > .drip-menu-submenu-title .drip-menu-submenu-arrow::after,
+ .drip-menu-rtl .drip-menu-submenu-vertical-left > .drip-menu-submenu-title .drip-menu-submenu-arrow::after,
+ .drip-menu-rtl .drip-menu-submenu-vertical-right > .drip-menu-submenu-title .drip-menu-submenu-arrow::after {
transform: rotate(45deg) translateY(2px);
}
- .ant-menu-rtl.ant-menu-vertical .ant-menu-item::after,
- .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after,
- .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after,
- .ant-menu-rtl.ant-menu-inline .ant-menu-item::after {
+ .drip-menu-rtl.drip-menu-vertical .drip-menu-item::after,
+ .drip-menu-rtl.drip-menu-vertical-left .drip-menu-item::after,
+ .drip-menu-rtl.drip-menu-vertical-right .drip-menu-item::after,
+ .drip-menu-rtl.drip-menu-inline .drip-menu-item::after {
right: auto;
left: 0;
}
- .ant-menu-rtl.ant-menu-vertical .ant-menu-item,
- .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,
- .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,
- .ant-menu-rtl.ant-menu-inline .ant-menu-item,
- .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,
- .ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,
- .ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,
- .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
+ .drip-menu-rtl.drip-menu-vertical .drip-menu-item,
+ .drip-menu-rtl.drip-menu-vertical-left .drip-menu-item,
+ .drip-menu-rtl.drip-menu-vertical-right .drip-menu-item,
+ .drip-menu-rtl.drip-menu-inline .drip-menu-item,
+ .drip-menu-rtl.drip-menu-vertical .drip-menu-submenu-title,
+ .drip-menu-rtl.drip-menu-vertical-left .drip-menu-submenu-title,
+ .drip-menu-rtl.drip-menu-vertical-right .drip-menu-submenu-title,
+ .drip-menu-rtl.drip-menu-inline .drip-menu-submenu-title {
text-align: right;
}
- .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
+ .drip-menu-rtl.drip-menu-inline .drip-menu-submenu-title {
padding-right: 0;
padding-left: 34px;
}
- .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
+ .drip-menu-rtl.drip-menu-vertical .drip-menu-submenu-title {
padding-right: 16px;
padding-left: 34px;
}
- .ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title {
+ .drip-menu-rtl.drip-menu-inline-collapsed.drip-menu-vertical .drip-menu-submenu-title {
padding: 0 calc(50% - 16px / 2);
}
- .ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,
- .ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title {
+ .drip-menu-rtl .drip-menu-item-group-list .drip-menu-item,
+ .drip-menu-rtl .drip-menu-item-group-list .drip-menu-submenu-title {
padding: 0 28px 0 16px;
}
- .ant-menu-sub.ant-menu-inline {
+ .drip-menu-sub.drip-menu-inline {
border: 0;
}
- .ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
+ .drip-menu-rtl.drip-menu-sub.drip-menu-inline .drip-menu-item-group-title {
padding-right: 32px;
padding-left: 0;
}
@@ -4823,11 +4893,11 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-tooltip {
+ .drip-tooltip {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -4839,33 +4909,33 @@
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
- max-width: 250px;
+ max-width: 304px;
visibility: visible;
}
- .ant-tooltip-hidden {
+ .drip-tooltip-hidden {
display: none;
}
- .ant-tooltip-placement-top,
- .ant-tooltip-placement-topLeft,
- .ant-tooltip-placement-topRight {
- padding-bottom: 8px;
+ .drip-tooltip-placement-top,
+ .drip-tooltip-placement-topLeft,
+ .drip-tooltip-placement-topRight {
+ padding-bottom: 15px;
}
- .ant-tooltip-placement-right,
- .ant-tooltip-placement-rightTop,
- .ant-tooltip-placement-rightBottom {
- padding-left: 8px;
+ .drip-tooltip-placement-right,
+ .drip-tooltip-placement-rightTop,
+ .drip-tooltip-placement-rightBottom {
+ padding-left: 15px;
}
- .ant-tooltip-placement-bottom,
- .ant-tooltip-placement-bottomLeft,
- .ant-tooltip-placement-bottomRight {
- padding-top: 8px;
+ .drip-tooltip-placement-bottom,
+ .drip-tooltip-placement-bottomLeft,
+ .drip-tooltip-placement-bottomRight {
+ padding-top: 15px;
}
- .ant-tooltip-placement-left,
- .ant-tooltip-placement-leftTop,
- .ant-tooltip-placement-leftBottom {
- padding-right: 8px;
+ .drip-tooltip-placement-left,
+ .drip-tooltip-placement-leftTop,
+ .drip-tooltip-placement-leftBottom {
+ padding-right: 15px;
}
- .ant-tooltip-inner {
+ .drip-tooltip-inner {
min-width: 30px;
min-height: 32px;
padding: 6px 8px;
@@ -4874,198 +4944,198 @@
text-decoration: none;
word-wrap: break-word;
background-color: rgba(0, 0, 0, 0.75);
- border-radius: 2px;
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+ border-radius: 4px;
+ box-shadow: 0px 8px 24px 8px rgba(0, 0, 0, 0.04), 0px 0px 16px rgba(0, 0, 0, 0.08);
}
- .ant-tooltip-arrow {
+ .drip-tooltip-arrow {
position: absolute;
display: block;
- width: 13.07106781px;
- height: 13.07106781px;
+ width: 22.97056275px;
+ height: 22.97056275px;
overflow: hidden;
background: transparent;
pointer-events: none;
}
- .ant-tooltip-arrow-content {
+ .drip-tooltip-arrow-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
- width: 5px;
- height: 5px;
+ width: 12px;
+ height: 12px;
margin: auto;
background-color: rgba(0, 0, 0, 0.75);
content: '';
pointer-events: auto;
}
- .ant-tooltip-placement-top .ant-tooltip-arrow,
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow,
- .ant-tooltip-placement-topRight .ant-tooltip-arrow {
- bottom: -5.07106781px;
+ .drip-tooltip-placement-top .drip-tooltip-arrow,
+ .drip-tooltip-placement-topLeft .drip-tooltip-arrow,
+ .drip-tooltip-placement-topRight .drip-tooltip-arrow {
+ bottom: -7.97056275px;
}
- .ant-tooltip-placement-top .ant-tooltip-arrow-content,
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
- .ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
- transform: translateY(-6.53553391px) rotate(45deg);
+ .drip-tooltip-placement-top .drip-tooltip-arrow-content,
+ .drip-tooltip-placement-topLeft .drip-tooltip-arrow-content,
+ .drip-tooltip-placement-topRight .drip-tooltip-arrow-content {
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.06), 0 8px 16px rgba(0, 0, 0, 0.08);
+ transform: translateY(-11.48528137px) rotate(45deg);
}
- .ant-tooltip-placement-top .ant-tooltip-arrow {
+ .drip-tooltip-placement-top .drip-tooltip-arrow {
left: 50%;
transform: translateX(-50%);
}
- .ant-tooltip-placement-topLeft .ant-tooltip-arrow {
+ .drip-tooltip-placement-topLeft .drip-tooltip-arrow {
left: 13px;
}
- .ant-tooltip-placement-topRight .ant-tooltip-arrow {
+ .drip-tooltip-placement-topRight .drip-tooltip-arrow {
right: 13px;
}
- .ant-tooltip-placement-right .ant-tooltip-arrow,
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow,
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
- left: -5.07106781px;
+ .drip-tooltip-placement-right .drip-tooltip-arrow,
+ .drip-tooltip-placement-rightTop .drip-tooltip-arrow,
+ .drip-tooltip-placement-rightBottom .drip-tooltip-arrow {
+ left: -7.97056275px;
}
- .ant-tooltip-placement-right .ant-tooltip-arrow-content,
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
- box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
- transform: translateX(6.53553391px) rotate(45deg);
+ .drip-tooltip-placement-right .drip-tooltip-arrow-content,
+ .drip-tooltip-placement-rightTop .drip-tooltip-arrow-content,
+ .drip-tooltip-placement-rightBottom .drip-tooltip-arrow-content {
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.06), 0 8px 16px rgba(0, 0, 0, 0.08);
+ transform: translateX(11.48528137px) rotate(45deg);
}
- .ant-tooltip-placement-right .ant-tooltip-arrow {
+ .drip-tooltip-placement-right .drip-tooltip-arrow {
top: 50%;
transform: translateY(-50%);
}
- .ant-tooltip-placement-rightTop .ant-tooltip-arrow {
+ .drip-tooltip-placement-rightTop .drip-tooltip-arrow {
top: 5px;
}
- .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
+ .drip-tooltip-placement-rightBottom .drip-tooltip-arrow {
bottom: 5px;
}
- .ant-tooltip-placement-left .ant-tooltip-arrow,
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow,
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
- right: -5.07106781px;
+ .drip-tooltip-placement-left .drip-tooltip-arrow,
+ .drip-tooltip-placement-leftTop .drip-tooltip-arrow,
+ .drip-tooltip-placement-leftBottom .drip-tooltip-arrow {
+ right: -7.97056275px;
}
- .ant-tooltip-placement-left .ant-tooltip-arrow-content,
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
- box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
- transform: translateX(-6.53553391px) rotate(45deg);
+ .drip-tooltip-placement-left .drip-tooltip-arrow-content,
+ .drip-tooltip-placement-leftTop .drip-tooltip-arrow-content,
+ .drip-tooltip-placement-leftBottom .drip-tooltip-arrow-content {
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.06), 0 8px 16px rgba(0, 0, 0, 0.08);
+ transform: translateX(-11.48528137px) rotate(45deg);
}
- .ant-tooltip-placement-left .ant-tooltip-arrow {
+ .drip-tooltip-placement-left .drip-tooltip-arrow {
top: 50%;
transform: translateY(-50%);
}
- .ant-tooltip-placement-leftTop .ant-tooltip-arrow {
+ .drip-tooltip-placement-leftTop .drip-tooltip-arrow {
top: 5px;
}
- .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
+ .drip-tooltip-placement-leftBottom .drip-tooltip-arrow {
bottom: 5px;
}
- .ant-tooltip-placement-bottom .ant-tooltip-arrow,
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
- top: -5.07106781px;
+ .drip-tooltip-placement-bottom .drip-tooltip-arrow,
+ .drip-tooltip-placement-bottomLeft .drip-tooltip-arrow,
+ .drip-tooltip-placement-bottomRight .drip-tooltip-arrow {
+ top: -7.97056275px;
}
- .ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
- box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
- transform: translateY(6.53553391px) rotate(45deg);
+ .drip-tooltip-placement-bottom .drip-tooltip-arrow-content,
+ .drip-tooltip-placement-bottomLeft .drip-tooltip-arrow-content,
+ .drip-tooltip-placement-bottomRight .drip-tooltip-arrow-content {
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.06), 0 8px 16px rgba(0, 0, 0, 0.08);
+ transform: translateY(11.48528137px) rotate(45deg);
}
- .ant-tooltip-placement-bottom .ant-tooltip-arrow {
+ .drip-tooltip-placement-bottom .drip-tooltip-arrow {
left: 50%;
transform: translateX(-50%);
}
- .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
+ .drip-tooltip-placement-bottomLeft .drip-tooltip-arrow {
left: 13px;
}
- .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
+ .drip-tooltip-placement-bottomRight .drip-tooltip-arrow {
right: 13px;
}
- .ant-tooltip-pink .ant-tooltip-inner {
+ .drip-tooltip-pink .drip-tooltip-inner {
background-color: #eb2f96;
}
- .ant-tooltip-pink .ant-tooltip-arrow-content {
+ .drip-tooltip-pink .drip-tooltip-arrow-content {
background-color: #eb2f96;
}
- .ant-tooltip-magenta .ant-tooltip-inner {
+ .drip-tooltip-magenta .drip-tooltip-inner {
background-color: #eb2f96;
}
- .ant-tooltip-magenta .ant-tooltip-arrow-content {
+ .drip-tooltip-magenta .drip-tooltip-arrow-content {
background-color: #eb2f96;
}
- .ant-tooltip-red .ant-tooltip-inner {
- background-color: #f5222d;
+ .drip-tooltip-red .drip-tooltip-inner {
+ background-color: #FF4C4C;
}
- .ant-tooltip-red .ant-tooltip-arrow-content {
- background-color: #f5222d;
+ .drip-tooltip-red .drip-tooltip-arrow-content {
+ background-color: #FF4C4C;
}
- .ant-tooltip-volcano .ant-tooltip-inner {
+ .drip-tooltip-volcano .drip-tooltip-inner {
background-color: #fa541c;
}
- .ant-tooltip-volcano .ant-tooltip-arrow-content {
+ .drip-tooltip-volcano .drip-tooltip-arrow-content {
background-color: #fa541c;
}
- .ant-tooltip-orange .ant-tooltip-inner {
+ .drip-tooltip-orange .drip-tooltip-inner {
background-color: #fa8c16;
}
- .ant-tooltip-orange .ant-tooltip-arrow-content {
+ .drip-tooltip-orange .drip-tooltip-arrow-content {
background-color: #fa8c16;
}
- .ant-tooltip-yellow .ant-tooltip-inner {
+ .drip-tooltip-yellow .drip-tooltip-inner {
background-color: #fadb14;
}
- .ant-tooltip-yellow .ant-tooltip-arrow-content {
+ .drip-tooltip-yellow .drip-tooltip-arrow-content {
background-color: #fadb14;
}
- .ant-tooltip-gold .ant-tooltip-inner {
- background-color: #faad14;
+ .drip-tooltip-gold .drip-tooltip-inner {
+ background-color: #FEB00E;
}
- .ant-tooltip-gold .ant-tooltip-arrow-content {
- background-color: #faad14;
+ .drip-tooltip-gold .drip-tooltip-arrow-content {
+ background-color: #FEB00E;
}
- .ant-tooltip-cyan .ant-tooltip-inner {
+ .drip-tooltip-cyan .drip-tooltip-inner {
background-color: #13c2c2;
}
- .ant-tooltip-cyan .ant-tooltip-arrow-content {
+ .drip-tooltip-cyan .drip-tooltip-arrow-content {
background-color: #13c2c2;
}
- .ant-tooltip-lime .ant-tooltip-inner {
+ .drip-tooltip-lime .drip-tooltip-inner {
background-color: #a0d911;
}
- .ant-tooltip-lime .ant-tooltip-arrow-content {
+ .drip-tooltip-lime .drip-tooltip-arrow-content {
background-color: #a0d911;
}
- .ant-tooltip-green .ant-tooltip-inner {
- background-color: #52c41a;
+ .drip-tooltip-green .drip-tooltip-inner {
+ background-color: #17C574;
}
- .ant-tooltip-green .ant-tooltip-arrow-content {
- background-color: #52c41a;
+ .drip-tooltip-green .drip-tooltip-arrow-content {
+ background-color: #17C574;
}
- .ant-tooltip-blue .ant-tooltip-inner {
- background-color: #1890ff;
+ .drip-tooltip-blue .drip-tooltip-inner {
+ background-color: #2D64FF;
}
- .ant-tooltip-blue .ant-tooltip-arrow-content {
- background-color: #1890ff;
+ .drip-tooltip-blue .drip-tooltip-arrow-content {
+ background-color: #2D64FF;
}
- .ant-tooltip-geekblue .ant-tooltip-inner {
+ .drip-tooltip-geekblue .drip-tooltip-inner {
background-color: #2f54eb;
}
- .ant-tooltip-geekblue .ant-tooltip-arrow-content {
+ .drip-tooltip-geekblue .drip-tooltip-arrow-content {
background-color: #2f54eb;
}
- .ant-tooltip-purple .ant-tooltip-inner {
+ .drip-tooltip-purple .drip-tooltip-inner {
background-color: #722ed1;
}
- .ant-tooltip-purple .ant-tooltip-arrow-content {
+ .drip-tooltip-purple .drip-tooltip-arrow-content {
background-color: #722ed1;
}
- .ant-tooltip-rtl {
+ .drip-tooltip-rtl {
direction: rtl;
}
- .ant-tooltip-rtl .ant-tooltip-inner {
+ .drip-tooltip-rtl .drip-tooltip-inner {
text-align: right;
}
@@ -5073,18 +5143,18 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-dropdown-menu-item.ant-dropdown-menu-item-danger {
- color: #ff4d4f;
+ .drip-dropdown-menu-item.drip-dropdown-menu-item-danger {
+ color: #FF4C4C;
}
- .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover {
+ .drip-dropdown-menu-item.drip-dropdown-menu-item-danger:hover {
color: #fff;
- background-color: #ff4d4f;
+ background-color: #FF4C4C;
}
- .ant-dropdown {
+ .drip-dropdown {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -5096,7 +5166,7 @@
z-index: 1050;
display: block;
}
- .ant-dropdown::before {
+ .drip-dropdown::before {
position: absolute;
top: -4px;
right: 0;
@@ -5106,47 +5176,47 @@
opacity: 0.0001;
content: ' ';
}
- .ant-dropdown-wrap {
+ .drip-dropdown-wrap {
position: relative;
}
- .ant-dropdown-wrap .ant-btn > .anticon-down {
+ .drip-dropdown-wrap .drip-btn > .dripicon-down {
font-size: 10px;
}
- .ant-dropdown-wrap .anticon-down::before {
+ .drip-dropdown-wrap .dripicon-down::before {
transition: transform 0.2s;
}
- .ant-dropdown-wrap-open .anticon-down::before {
+ .drip-dropdown-wrap-open .dripicon-down::before {
transform: rotate(180deg);
}
- .ant-dropdown-hidden,
- .ant-dropdown-menu-hidden,
- .ant-dropdown-menu-submenu-hidden {
+ .drip-dropdown-hidden,
+ .drip-dropdown-menu-hidden,
+ .drip-dropdown-menu-submenu-hidden {
display: none;
}
- .ant-dropdown-show-arrow.ant-dropdown-placement-topCenter,
- .ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,
- .ant-dropdown-show-arrow.ant-dropdown-placement-topRight {
- padding-bottom: 10px;
+ .drip-dropdown-show-arrow.drip-dropdown-placement-topCenter,
+ .drip-dropdown-show-arrow.drip-dropdown-placement-topLeft,
+ .drip-dropdown-show-arrow.drip-dropdown-placement-topRight {
+ padding-bottom: 16px;
}
- .ant-dropdown-show-arrow.ant-dropdown-placement-bottomCenter,
- .ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,
- .ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight {
- padding-top: 10px;
+ .drip-dropdown-show-arrow.drip-dropdown-placement-bottomCenter,
+ .drip-dropdown-show-arrow.drip-dropdown-placement-bottomLeft,
+ .drip-dropdown-show-arrow.drip-dropdown-placement-bottomRight {
+ padding-top: 16px;
}
- .ant-dropdown-arrow {
+ .drip-dropdown-arrow {
position: absolute;
z-index: 1;
display: block;
- width: 8.48528137px;
- height: 8.48528137px;
+ width: 16.97056275px;
+ height: 16.97056275px;
background: transparent;
border-style: solid;
- border-width: 4.24264069px;
+ border-width: 8.48528137px;
transform: rotate(45deg);
}
- .ant-dropdown-placement-topCenter > .ant-dropdown-arrow,
- .ant-dropdown-placement-topLeft > .ant-dropdown-arrow,
- .ant-dropdown-placement-topRight > .ant-dropdown-arrow {
+ .drip-dropdown-placement-topCenter > .drip-dropdown-arrow,
+ .drip-dropdown-placement-topLeft > .drip-dropdown-arrow,
+ .drip-dropdown-placement-topRight > .drip-dropdown-arrow {
bottom: 6.2px;
border-top-color: transparent;
border-right-color: #fff;
@@ -5154,19 +5224,19 @@
border-left-color: transparent;
box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}
- .ant-dropdown-placement-topCenter > .ant-dropdown-arrow {
+ .drip-dropdown-placement-topCenter > .drip-dropdown-arrow {
left: 50%;
transform: translateX(-50%) rotate(45deg);
}
- .ant-dropdown-placement-topLeft > .ant-dropdown-arrow {
+ .drip-dropdown-placement-topLeft > .drip-dropdown-arrow {
left: 16px;
}
- .ant-dropdown-placement-topRight > .ant-dropdown-arrow {
+ .drip-dropdown-placement-topRight > .drip-dropdown-arrow {
right: 16px;
}
- .ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow,
- .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
- .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
+ .drip-dropdown-placement-bottomCenter > .drip-dropdown-arrow,
+ .drip-dropdown-placement-bottomLeft > .drip-dropdown-arrow,
+ .drip-dropdown-placement-bottomRight > .drip-dropdown-arrow {
top: 6px;
border-top-color: #fff;
border-right-color: transparent;
@@ -5174,17 +5244,17 @@
border-left-color: #fff;
box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
}
- .ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow {
+ .drip-dropdown-placement-bottomCenter > .drip-dropdown-arrow {
left: 50%;
transform: translateX(-50%) rotate(45deg);
}
- .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow {
+ .drip-dropdown-placement-bottomLeft > .drip-dropdown-arrow {
left: 16px;
}
- .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
+ .drip-dropdown-placement-bottomRight > .drip-dropdown-arrow {
right: 16px;
}
- .ant-dropdown-menu {
+ .drip-dropdown-menu {
position: relative;
margin: 0;
padding: 4px 0;
@@ -5192,51 +5262,54 @@
list-style-type: none;
background-color: #fff;
background-clip: padding-box;
- border-radius: 2px;
+ border-radius: 4px;
outline: none;
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+ box-shadow: 0px 8px 24px 8px rgba(0, 0, 0, 0.04), 0px 0px 16px rgba(0, 0, 0, 0.08);
}
- .ant-dropdown-menu-item-group-title {
+ .drip-dropdown-menu-item-group-title {
padding: 5px 12px;
color: rgba(0, 0, 0, 0.45);
transition: all 0.3s;
}
- .ant-dropdown-menu-submenu-popup {
+ .drip-dropdown-menu-submenu-popup {
position: absolute;
z-index: 1050;
background: transparent;
box-shadow: none;
transform-origin: 0 0;
}
- .ant-dropdown-menu-submenu-popup ul,
- .ant-dropdown-menu-submenu-popup li {
+ .drip-dropdown-menu-submenu-popup ul,
+ .drip-dropdown-menu-submenu-popup li {
list-style: none;
}
- .ant-dropdown-menu-submenu-popup ul {
+ .drip-dropdown-menu-submenu-popup ul {
margin-right: 0.3em;
margin-left: 0.3em;
}
- .ant-dropdown-menu-item {
+ .drip-dropdown-menu-submenu-popup.drip-dropdown-menu-submenu-placement-rightTop .drip-dropdown-menu {
+ margin-left: -5px;
+ }
+ .drip-dropdown-menu-item {
position: relative;
display: flex;
align-items: center;
}
- .ant-dropdown-menu-item-icon {
+ .drip-dropdown-menu-item-icon {
min-width: 12px;
margin-right: 8px;
font-size: 12px;
}
- .ant-dropdown-menu-title-content {
+ .drip-dropdown-menu-title-content {
flex: auto;
}
- .ant-dropdown-menu-title-content > a {
+ .drip-dropdown-menu-title-content > a {
color: inherit;
transition: all 0.3s;
}
- .ant-dropdown-menu-title-content > a:hover {
+ .drip-dropdown-menu-title-content > a:hover {
color: inherit;
}
- .ant-dropdown-menu-title-content > a::after {
+ .drip-dropdown-menu-title-content > a::after {
position: absolute;
top: 0;
right: 0;
@@ -5244,12 +5317,12 @@
left: 0;
content: '';
}
- .ant-dropdown-menu-item,
- .ant-dropdown-menu-submenu-title {
+ .drip-dropdown-menu-item,
+ .drip-dropdown-menu-submenu-title {
clear: both;
margin: 0;
padding: 5px 12px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: normal;
font-size: 14px;
line-height: 22px;
@@ -5257,62 +5330,62 @@
cursor: pointer;
transition: all 0.3s;
}
- .ant-dropdown-menu-item-selected,
- .ant-dropdown-menu-submenu-title-selected {
- color: #1890ff;
- background-color: #e6f7ff;
+ .drip-dropdown-menu-item-selected,
+ .drip-dropdown-menu-submenu-title-selected {
+ color: #2D64FF;
+ background-color: #f0f6ff;
}
- .ant-dropdown-menu-item:hover,
- .ant-dropdown-menu-submenu-title:hover {
+ .drip-dropdown-menu-item:hover,
+ .drip-dropdown-menu-submenu-title:hover {
background-color: #f5f5f5;
}
- .ant-dropdown-menu-item-disabled,
- .ant-dropdown-menu-submenu-title-disabled {
+ .drip-dropdown-menu-item-disabled,
+ .drip-dropdown-menu-submenu-title-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
- .ant-dropdown-menu-item-disabled:hover,
- .ant-dropdown-menu-submenu-title-disabled:hover {
+ .drip-dropdown-menu-item-disabled:hover,
+ .drip-dropdown-menu-submenu-title-disabled:hover {
color: rgba(0, 0, 0, 0.25);
background-color: #fff;
cursor: not-allowed;
}
- .ant-dropdown-menu-item-disabled a,
- .ant-dropdown-menu-submenu-title-disabled a {
+ .drip-dropdown-menu-item-disabled a,
+ .drip-dropdown-menu-submenu-title-disabled a {
pointer-events: none;
}
- .ant-dropdown-menu-item-divider,
- .ant-dropdown-menu-submenu-title-divider {
+ .drip-dropdown-menu-item-divider,
+ .drip-dropdown-menu-submenu-title-divider {
height: 1px;
margin: 4px 0;
overflow: hidden;
line-height: 0;
background-color: #f0f0f0;
}
- .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,
- .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
+ .drip-dropdown-menu-item .drip-dropdown-menu-submenu-expand-icon,
+ .drip-dropdown-menu-submenu-title .drip-dropdown-menu-submenu-expand-icon {
position: absolute;
right: 8px;
}
- .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
- .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
+ .drip-dropdown-menu-item .drip-dropdown-menu-submenu-expand-icon .drip-dropdown-menu-submenu-arrow-icon,
+ .drip-dropdown-menu-submenu-title .drip-dropdown-menu-submenu-expand-icon .drip-dropdown-menu-submenu-arrow-icon {
margin-right: 0 !important;
color: rgba(0, 0, 0, 0.45);
font-size: 10px;
font-style: normal;
}
- .ant-dropdown-menu-item-group-list {
+ .drip-dropdown-menu-item-group-list {
margin: 0 8px;
padding: 0;
list-style: none;
}
- .ant-dropdown-menu-submenu-title {
+ .drip-dropdown-menu-submenu-title {
padding-right: 24px;
}
- .ant-dropdown-menu-submenu-vertical {
+ .drip-dropdown-menu-submenu-vertical {
position: relative;
}
- .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
+ .drip-dropdown-menu-submenu-vertical > .drip-dropdown-menu {
position: absolute;
top: 0;
left: 100%;
@@ -5320,135 +5393,135 @@
margin-left: 4px;
transform-origin: 0 0;
}
- .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
- .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
+ .drip-dropdown-menu-submenu.drip-dropdown-menu-submenu-disabled .drip-dropdown-menu-submenu-title,
+ .drip-dropdown-menu-submenu.drip-dropdown-menu-submenu-disabled .drip-dropdown-menu-submenu-title .drip-dropdown-menu-submenu-arrow-icon {
color: rgba(0, 0, 0, 0.25);
background-color: #fff;
cursor: not-allowed;
}
- .ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
- color: #1890ff;
- }
- .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft,
- .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft,
- .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomCenter,
- .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomCenter,
- .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight,
- .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight {
- -webkit-animation-name: antSlideUpIn;
- animation-name: antSlideUpIn;
- }
- .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft,
- .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft,
- .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topCenter,
- .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topCenter,
- .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight,
- .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight {
- -webkit-animation-name: antSlideDownIn;
- animation-name: antSlideDownIn;
- }
- .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft,
- .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomCenter,
- .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight {
- -webkit-animation-name: antSlideUpOut;
- animation-name: antSlideUpOut;
- }
- .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft,
- .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topCenter,
- .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight {
- -webkit-animation-name: antSlideDownOut;
- animation-name: antSlideDownOut;
- }
- .ant-dropdown-trigger > .anticon.anticon-down,
- .ant-dropdown-link > .anticon.anticon-down,
- .ant-dropdown-button > .anticon.anticon-down {
+ .drip-dropdown-menu-submenu-selected .drip-dropdown-menu-submenu-title {
+ color: #2D64FF;
+ }
+ .drip-dropdown.drip-slide-down-enter.drip-slide-down-enter-active.drip-dropdown-placement-bottomLeft,
+ .drip-dropdown.drip-slide-down-appear.drip-slide-down-appear-active.drip-dropdown-placement-bottomLeft,
+ .drip-dropdown.drip-slide-down-enter.drip-slide-down-enter-active.drip-dropdown-placement-bottomCenter,
+ .drip-dropdown.drip-slide-down-appear.drip-slide-down-appear-active.drip-dropdown-placement-bottomCenter,
+ .drip-dropdown.drip-slide-down-enter.drip-slide-down-enter-active.drip-dropdown-placement-bottomRight,
+ .drip-dropdown.drip-slide-down-appear.drip-slide-down-appear-active.drip-dropdown-placement-bottomRight {
+ -webkit-animation-name: dripSlideUpIn;
+ animation-name: dripSlideUpIn;
+ }
+ .drip-dropdown.drip-slide-up-enter.drip-slide-up-enter-active.drip-dropdown-placement-topLeft,
+ .drip-dropdown.drip-slide-up-appear.drip-slide-up-appear-active.drip-dropdown-placement-topLeft,
+ .drip-dropdown.drip-slide-up-enter.drip-slide-up-enter-active.drip-dropdown-placement-topCenter,
+ .drip-dropdown.drip-slide-up-appear.drip-slide-up-appear-active.drip-dropdown-placement-topCenter,
+ .drip-dropdown.drip-slide-up-enter.drip-slide-up-enter-active.drip-dropdown-placement-topRight,
+ .drip-dropdown.drip-slide-up-appear.drip-slide-up-appear-active.drip-dropdown-placement-topRight {
+ -webkit-animation-name: dripSlideDownIn;
+ animation-name: dripSlideDownIn;
+ }
+ .drip-dropdown.drip-slide-down-leave.drip-slide-down-leave-active.drip-dropdown-placement-bottomLeft,
+ .drip-dropdown.drip-slide-down-leave.drip-slide-down-leave-active.drip-dropdown-placement-bottomCenter,
+ .drip-dropdown.drip-slide-down-leave.drip-slide-down-leave-active.drip-dropdown-placement-bottomRight {
+ -webkit-animation-name: dripSlideUpOut;
+ animation-name: dripSlideUpOut;
+ }
+ .drip-dropdown.drip-slide-up-leave.drip-slide-up-leave-active.drip-dropdown-placement-topLeft,
+ .drip-dropdown.drip-slide-up-leave.drip-slide-up-leave-active.drip-dropdown-placement-topCenter,
+ .drip-dropdown.drip-slide-up-leave.drip-slide-up-leave-active.drip-dropdown-placement-topRight {
+ -webkit-animation-name: dripSlideDownOut;
+ animation-name: dripSlideDownOut;
+ }
+ .drip-dropdown-trigger > .dripicon.dripicon-down,
+ .drip-dropdown-link > .dripicon.dripicon-down,
+ .drip-dropdown-button > .dripicon.dripicon-down {
font-size: 10px;
vertical-align: baseline;
}
- .ant-dropdown-button {
+ .drip-dropdown-button {
white-space: nowrap;
}
- .ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) {
+ .drip-dropdown-button.drip-btn-group > .drip-btn:last-child:not(:first-child):not(.drip-btn-icon-only) {
padding-right: 8px;
padding-left: 8px;
}
- .ant-dropdown-menu-dark,
- .ant-dropdown-menu-dark .ant-dropdown-menu {
+ .drip-dropdown-menu-dark,
+ .drip-dropdown-menu-dark .drip-dropdown-menu {
background: #001529;
}
- .ant-dropdown-menu-dark .ant-dropdown-menu-item,
- .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
- .ant-dropdown-menu-dark .ant-dropdown-menu-item > a,
- .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a {
+ .drip-dropdown-menu-dark .drip-dropdown-menu-item,
+ .drip-dropdown-menu-dark .drip-dropdown-menu-submenu-title,
+ .drip-dropdown-menu-dark .drip-dropdown-menu-item > a,
+ .drip-dropdown-menu-dark .drip-dropdown-menu-item > .dripicon + span > a {
color: rgba(255, 255, 255, 0.65);
}
- .ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
- .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
- .ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after,
- .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a .ant-dropdown-menu-submenu-arrow::after {
+ .drip-dropdown-menu-dark .drip-dropdown-menu-item .drip-dropdown-menu-submenu-arrow::after,
+ .drip-dropdown-menu-dark .drip-dropdown-menu-submenu-title .drip-dropdown-menu-submenu-arrow::after,
+ .drip-dropdown-menu-dark .drip-dropdown-menu-item > a .drip-dropdown-menu-submenu-arrow::after,
+ .drip-dropdown-menu-dark .drip-dropdown-menu-item > .dripicon + span > a .drip-dropdown-menu-submenu-arrow::after {
color: rgba(255, 255, 255, 0.65);
}
- .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
- .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
- .ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover,
- .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover {
+ .drip-dropdown-menu-dark .drip-dropdown-menu-item:hover,
+ .drip-dropdown-menu-dark .drip-dropdown-menu-submenu-title:hover,
+ .drip-dropdown-menu-dark .drip-dropdown-menu-item > a:hover,
+ .drip-dropdown-menu-dark .drip-dropdown-menu-item > .dripicon + span > a:hover {
color: #fff;
background: transparent;
}
- .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
- .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
- .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
+ .drip-dropdown-menu-dark .drip-dropdown-menu-item-selected,
+ .drip-dropdown-menu-dark .drip-dropdown-menu-item-selected:hover,
+ .drip-dropdown-menu-dark .drip-dropdown-menu-item-selected > a {
color: #fff;
- background: #1890ff;
+ background: #2D64FF;
}
- .ant-dropdown-rtl {
+ .drip-dropdown-rtl {
direction: rtl;
}
- .ant-dropdown-rtl.ant-dropdown::before {
+ .drip-dropdown-rtl.drip-dropdown::before {
right: -7px;
left: 0;
}
- .ant-dropdown-menu.ant-dropdown-menu-rtl {
+ .drip-dropdown-menu.drip-dropdown-menu-rtl {
direction: rtl;
text-align: right;
}
- .ant-dropdown-rtl .ant-dropdown-menu-item-group-title {
+ .drip-dropdown-rtl .drip-dropdown-menu-item-group-title {
direction: rtl;
text-align: right;
}
- .ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl {
+ .drip-dropdown-menu-submenu-popup.drip-dropdown-menu-submenu-rtl {
transform-origin: 100% 0;
}
- .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul,
- .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li {
+ .drip-dropdown-rtl .drip-dropdown-menu-submenu-popup ul,
+ .drip-dropdown-rtl .drip-dropdown-menu-submenu-popup li {
text-align: right;
}
- .ant-dropdown-rtl .ant-dropdown-menu-item,
- .ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
+ .drip-dropdown-rtl .drip-dropdown-menu-item,
+ .drip-dropdown-rtl .drip-dropdown-menu-submenu-title {
text-align: right;
}
- .ant-dropdown-rtl .ant-dropdown-menu-item > .anticon:first-child,
- .ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child,
- .ant-dropdown-rtl .ant-dropdown-menu-item > span > .anticon:first-child,
- .ant-dropdown-rtl .ant-dropdown-menu-submenu-title > span > .anticon:first-child {
+ .drip-dropdown-rtl .drip-dropdown-menu-item > .dripicon:first-child,
+ .drip-dropdown-rtl .drip-dropdown-menu-submenu-title > .dripicon:first-child,
+ .drip-dropdown-rtl .drip-dropdown-menu-item > span > .dripicon:first-child,
+ .drip-dropdown-rtl .drip-dropdown-menu-submenu-title > span > .dripicon:first-child {
margin-right: 0;
margin-left: 8px;
}
- .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
- .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
+ .drip-dropdown-rtl .drip-dropdown-menu-item .drip-dropdown-menu-submenu-arrow,
+ .drip-dropdown-rtl .drip-dropdown-menu-submenu-title .drip-dropdown-menu-submenu-arrow {
right: auto;
left: 8px;
}
- .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
- .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
+ .drip-dropdown-rtl .drip-dropdown-menu-item .drip-dropdown-menu-submenu-arrow-icon,
+ .drip-dropdown-rtl .drip-dropdown-menu-submenu-title .drip-dropdown-menu-submenu-arrow-icon {
margin-left: 0 !important;
transform: scaleX(-1);
}
- .ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
+ .drip-dropdown-rtl .drip-dropdown-menu-submenu-title {
padding-right: 12px;
padding-left: 24px;
}
- .ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
+ .drip-dropdown-rtl .drip-dropdown-menu-submenu-vertical > .drip-dropdown-menu {
right: 100%;
left: 0;
margin-right: 4px;
@@ -5459,7 +5532,11 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-btn {
+ .btn-dripd {
+ box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
+ border-radius: 2px;
+ }
+ .drip-btn {
line-height: 1.5715;
position: relative;
display: inline-block;
@@ -5468,7 +5545,7 @@
text-align: center;
background-image: none;
border: 1px solid transparent;
- box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
+ box-shadow: none;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-user-select: none;
@@ -5479,48 +5556,48 @@
height: 32px;
padding: 4px 15px;
font-size: 14px;
- border-radius: 2px;
- color: rgba(0, 0, 0, 0.85);
- background: #fff;
+ border-radius: 16px;
+ color: rgba(0, 0, 0, 0.82);
border-color: #d9d9d9;
+ background: #fff;
}
- .ant-btn > .anticon {
+ .drip-btn > .dripicon {
line-height: 1;
}
- .ant-btn,
- .ant-btn:active,
- .ant-btn:focus {
+ .drip-btn,
+ .drip-btn:active,
+ .drip-btn:focus {
outline: 0;
}
- .ant-btn:not([disabled]):hover {
+ .drip-btn:not([disabled]):hover {
text-decoration: none;
}
- .ant-btn:not([disabled]):active {
+ .drip-btn:not([disabled]):active {
outline: 0;
box-shadow: none;
}
- .ant-btn[disabled] {
+ .drip-btn[disabled] {
cursor: not-allowed;
}
- .ant-btn[disabled] > * {
+ .drip-btn[disabled] > * {
pointer-events: none;
}
- .ant-btn-lg {
+ .drip-btn-lg {
height: 40px;
padding: 6.4px 15px;
font-size: 16px;
- border-radius: 2px;
+ border-radius: 20px;
}
- .ant-btn-sm {
+ .drip-btn-sm {
height: 24px;
padding: 0px 7px;
font-size: 14px;
- border-radius: 2px;
+ border-radius: 12px;
}
- .ant-btn > a:only-child {
+ .drip-btn > a:only-child {
color: currentColor;
}
- .ant-btn > a:only-child::after {
+ .drip-btn > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -5529,18 +5606,18 @@
background: transparent;
content: '';
}
- .ant-btn:hover,
- .ant-btn:focus {
- color: #40a9ff;
+ .drip-btn:hover,
+ .drip-btn:focus {
+ color: #5789ff;
+ border-color: #5789ff;
background: #fff;
- border-color: #40a9ff;
}
- .ant-btn:hover > a:only-child,
- .ant-btn:focus > a:only-child {
+ .drip-btn:hover > a:only-child,
+ .drip-btn:focus > a:only-child {
color: currentColor;
}
- .ant-btn:hover > a:only-child::after,
- .ant-btn:focus > a:only-child::after {
+ .drip-btn:hover > a:only-child::after,
+ .drip-btn:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -5549,15 +5626,15 @@
background: transparent;
content: '';
}
- .ant-btn:active {
- color: #096dd9;
+ .drip-btn:active {
+ color: #1c48d9;
+ border-color: #1c48d9;
background: #fff;
- border-color: #096dd9;
}
- .ant-btn:active > a:only-child {
+ .drip-btn:active > a:only-child {
color: currentColor;
}
- .ant-btn:active > a:only-child::after {
+ .drip-btn:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -5566,26 +5643,26 @@
background: transparent;
content: '';
}
- .ant-btn[disabled],
- .ant-btn[disabled]:hover,
- .ant-btn[disabled]:focus,
- .ant-btn[disabled]:active {
+ .drip-btn[disabled],
+ .drip-btn[disabled]:hover,
+ .drip-btn[disabled]:focus,
+ .drip-btn[disabled]:active {
color: rgba(0, 0, 0, 0.25);
- background: #f5f5f5;
border-color: #d9d9d9;
+ background: #F5F5F5;
text-shadow: none;
box-shadow: none;
}
- .ant-btn[disabled] > a:only-child,
- .ant-btn[disabled]:hover > a:only-child,
- .ant-btn[disabled]:focus > a:only-child,
- .ant-btn[disabled]:active > a:only-child {
+ .drip-btn[disabled] > a:only-child,
+ .drip-btn[disabled]:hover > a:only-child,
+ .drip-btn[disabled]:focus > a:only-child,
+ .drip-btn[disabled]:active > a:only-child {
color: currentColor;
}
- .ant-btn[disabled] > a:only-child::after,
- .ant-btn[disabled]:hover > a:only-child::after,
- .ant-btn[disabled]:focus > a:only-child::after,
- .ant-btn[disabled]:active > a:only-child::after {
+ .drip-btn[disabled] > a:only-child::after,
+ .drip-btn[disabled]:hover > a:only-child::after,
+ .drip-btn[disabled]:focus > a:only-child::after,
+ .drip-btn[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -5594,26 +5671,24 @@
background: transparent;
content: '';
}
- .ant-btn:hover,
- .ant-btn:focus,
- .ant-btn:active {
+ .drip-btn:hover,
+ .drip-btn:focus,
+ .drip-btn:active {
text-decoration: none;
background: #fff;
}
- .ant-btn > span {
+ .drip-btn > span {
display: inline-block;
}
- .ant-btn-primary {
+ .drip-btn-primary {
color: #fff;
- background: #1890ff;
- border-color: #1890ff;
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
+ border-color: #2D64FF;
+ background: #2D64FF;
}
- .ant-btn-primary > a:only-child {
+ .drip-btn-primary > a:only-child {
color: currentColor;
}
- .ant-btn-primary > a:only-child::after {
+ .drip-btn-primary > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -5622,18 +5697,18 @@
background: transparent;
content: '';
}
- .ant-btn-primary:hover,
- .ant-btn-primary:focus {
+ .drip-btn-primary:hover,
+ .drip-btn-primary:focus {
color: #fff;
- background: #40a9ff;
- border-color: #40a9ff;
+ border-color: #5789ff;
+ background: #5789ff;
}
- .ant-btn-primary:hover > a:only-child,
- .ant-btn-primary:focus > a:only-child {
+ .drip-btn-primary:hover > a:only-child,
+ .drip-btn-primary:focus > a:only-child {
color: currentColor;
}
- .ant-btn-primary:hover > a:only-child::after,
- .ant-btn-primary:focus > a:only-child::after {
+ .drip-btn-primary:hover > a:only-child::after,
+ .drip-btn-primary:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -5642,15 +5717,15 @@
background: transparent;
content: '';
}
- .ant-btn-primary:active {
+ .drip-btn-primary:active {
color: #fff;
- background: #096dd9;
- border-color: #096dd9;
+ border-color: #1c48d9;
+ background: #1c48d9;
}
- .ant-btn-primary:active > a:only-child {
+ .drip-btn-primary:active > a:only-child {
color: currentColor;
}
- .ant-btn-primary:active > a:only-child::after {
+ .drip-btn-primary:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -5659,26 +5734,26 @@
background: transparent;
content: '';
}
- .ant-btn-primary[disabled],
- .ant-btn-primary[disabled]:hover,
- .ant-btn-primary[disabled]:focus,
- .ant-btn-primary[disabled]:active {
+ .drip-btn-primary[disabled],
+ .drip-btn-primary[disabled]:hover,
+ .drip-btn-primary[disabled]:focus,
+ .drip-btn-primary[disabled]:active {
color: rgba(0, 0, 0, 0.25);
- background: #f5f5f5;
- border-color: #d9d9d9;
+ border-color: #F5F5F5;
+ background: #F5F5F5;
text-shadow: none;
box-shadow: none;
}
- .ant-btn-primary[disabled] > a:only-child,
- .ant-btn-primary[disabled]:hover > a:only-child,
- .ant-btn-primary[disabled]:focus > a:only-child,
- .ant-btn-primary[disabled]:active > a:only-child {
+ .drip-btn-primary[disabled] > a:only-child,
+ .drip-btn-primary[disabled]:hover > a:only-child,
+ .drip-btn-primary[disabled]:focus > a:only-child,
+ .drip-btn-primary[disabled]:active > a:only-child {
color: currentColor;
}
- .ant-btn-primary[disabled] > a:only-child::after,
- .ant-btn-primary[disabled]:hover > a:only-child::after,
- .ant-btn-primary[disabled]:focus > a:only-child::after,
- .ant-btn-primary[disabled]:active > a:only-child::after {
+ .drip-btn-primary[disabled] > a:only-child::after,
+ .drip-btn-primary[disabled]:hover > a:only-child::after,
+ .drip-btn-primary[disabled]:focus > a:only-child::after,
+ .drip-btn-primary[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -5687,36 +5762,119 @@
background: transparent;
content: '';
}
- .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
- border-right-color: #40a9ff;
- border-left-color: #40a9ff;
+ .drip-btn-group .drip-btn-primary:not(:first-child):not(:last-child) {
+ border-right-color: #5789ff;
+ border-left-color: #5789ff;
}
- .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
+ .drip-btn-group .drip-btn-primary:not(:first-child):not(:last-child):disabled {
border-color: #d9d9d9;
}
- .ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
- border-right-color: #40a9ff;
+ .drip-btn-group .drip-btn-primary:first-child:not(:last-child) {
+ border-right-color: #5789ff;
}
- .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
+ .drip-btn-group .drip-btn-primary:first-child:not(:last-child)[disabled] {
border-right-color: #d9d9d9;
}
- .ant-btn-group .ant-btn-primary:last-child:not(:first-child),
- .ant-btn-group .ant-btn-primary + .ant-btn-primary {
- border-left-color: #40a9ff;
+ .drip-btn-group .drip-btn-primary:last-child:not(:first-child),
+ .drip-btn-group .drip-btn-primary + .drip-btn-primary {
+ border-left-color: #5789ff;
}
- .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
- .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
+ .drip-btn-group .drip-btn-primary:last-child:not(:first-child)[disabled],
+ .drip-btn-group .drip-btn-primary + .drip-btn-primary[disabled] {
border-left-color: #d9d9d9;
}
- .ant-btn-ghost {
- color: rgba(0, 0, 0, 0.85);
+ .drip-btn-secondary {
+ color: #2D64FF;
+ border-color: #fff;
+ background: #fff;
+ box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06);
+ }
+ .drip-btn-secondary > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-secondary > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-secondary:hover,
+ .drip-btn-secondary:focus {
+ color: #5789ff;
+ border-color: #fff;
+ background: #fff;
+ }
+ .drip-btn-secondary:hover > a:only-child,
+ .drip-btn-secondary:focus > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-secondary:hover > a:only-child::after,
+ .drip-btn-secondary:focus > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-secondary:active {
+ color: #1c48d9;
+ border-color: #1c48d9;
+ background: #fff;
+ }
+ .drip-btn-secondary:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-secondary:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-secondary[disabled],
+ .drip-btn-secondary[disabled]:hover,
+ .drip-btn-secondary[disabled]:focus,
+ .drip-btn-secondary[disabled]:active {
+ color: rgba(0, 0, 0, 0.25);
+ border-color: #F5F5F5;
+ background: #F5F5F5;
+ text-shadow: none;
+ box-shadow: none;
+ }
+ .drip-btn-secondary[disabled] > a:only-child,
+ .drip-btn-secondary[disabled]:hover > a:only-child,
+ .drip-btn-secondary[disabled]:focus > a:only-child,
+ .drip-btn-secondary[disabled]:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-secondary[disabled] > a:only-child::after,
+ .drip-btn-secondary[disabled]:hover > a:only-child::after,
+ .drip-btn-secondary[disabled]:focus > a:only-child::after,
+ .drip-btn-secondary[disabled]:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
background: transparent;
+ content: '';
+ }
+ .drip-btn-ghost {
+ color: rgba(0, 0, 0, 0.82);
border-color: #d9d9d9;
+ background: transparent;
}
- .ant-btn-ghost > a:only-child {
+ .drip-btn-ghost > a:only-child {
color: currentColor;
}
- .ant-btn-ghost > a:only-child::after {
+ .drip-btn-ghost > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -5725,18 +5883,18 @@
background: transparent;
content: '';
}
- .ant-btn-ghost:hover,
- .ant-btn-ghost:focus {
- color: #40a9ff;
+ .drip-btn-ghost:hover,
+ .drip-btn-ghost:focus {
+ color: #5789ff;
+ border-color: #5789ff;
background: transparent;
- border-color: #40a9ff;
}
- .ant-btn-ghost:hover > a:only-child,
- .ant-btn-ghost:focus > a:only-child {
+ .drip-btn-ghost:hover > a:only-child,
+ .drip-btn-ghost:focus > a:only-child {
color: currentColor;
}
- .ant-btn-ghost:hover > a:only-child::after,
- .ant-btn-ghost:focus > a:only-child::after {
+ .drip-btn-ghost:hover > a:only-child::after,
+ .drip-btn-ghost:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -5745,15 +5903,15 @@
background: transparent;
content: '';
}
- .ant-btn-ghost:active {
- color: #096dd9;
+ .drip-btn-ghost:active {
+ color: #1c48d9;
+ border-color: #1c48d9;
background: transparent;
- border-color: #096dd9;
}
- .ant-btn-ghost:active > a:only-child {
+ .drip-btn-ghost:active > a:only-child {
color: currentColor;
}
- .ant-btn-ghost:active > a:only-child::after {
+ .drip-btn-ghost:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -5762,26 +5920,26 @@
background: transparent;
content: '';
}
- .ant-btn-ghost[disabled],
- .ant-btn-ghost[disabled]:hover,
- .ant-btn-ghost[disabled]:focus,
- .ant-btn-ghost[disabled]:active {
+ .drip-btn-ghost[disabled],
+ .drip-btn-ghost[disabled]:hover,
+ .drip-btn-ghost[disabled]:focus,
+ .drip-btn-ghost[disabled]:active {
color: rgba(0, 0, 0, 0.25);
- background: #f5f5f5;
border-color: #d9d9d9;
+ background: #F5F5F5;
text-shadow: none;
box-shadow: none;
}
- .ant-btn-ghost[disabled] > a:only-child,
- .ant-btn-ghost[disabled]:hover > a:only-child,
- .ant-btn-ghost[disabled]:focus > a:only-child,
- .ant-btn-ghost[disabled]:active > a:only-child {
+ .drip-btn-ghost[disabled] > a:only-child,
+ .drip-btn-ghost[disabled]:hover > a:only-child,
+ .drip-btn-ghost[disabled]:focus > a:only-child,
+ .drip-btn-ghost[disabled]:active > a:only-child {
color: currentColor;
}
- .ant-btn-ghost[disabled] > a:only-child::after,
- .ant-btn-ghost[disabled]:hover > a:only-child::after,
- .ant-btn-ghost[disabled]:focus > a:only-child::after,
- .ant-btn-ghost[disabled]:active > a:only-child::after {
+ .drip-btn-ghost[disabled] > a:only-child::after,
+ .drip-btn-ghost[disabled]:hover > a:only-child::after,
+ .drip-btn-ghost[disabled]:focus > a:only-child::after,
+ .drip-btn-ghost[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -5790,16 +5948,16 @@
background: transparent;
content: '';
}
- .ant-btn-dashed {
- color: rgba(0, 0, 0, 0.85);
- background: #fff;
+ .drip-btn-dashed {
+ color: rgba(0, 0, 0, 0.82);
border-color: #d9d9d9;
+ background: #fff;
border-style: dashed;
}
- .ant-btn-dashed > a:only-child {
+ .drip-btn-dashed > a:only-child {
color: currentColor;
}
- .ant-btn-dashed > a:only-child::after {
+ .drip-btn-dashed > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -5808,18 +5966,18 @@
background: transparent;
content: '';
}
- .ant-btn-dashed:hover,
- .ant-btn-dashed:focus {
- color: #40a9ff;
+ .drip-btn-dashed:hover,
+ .drip-btn-dashed:focus {
+ color: #5789ff;
+ border-color: #5789ff;
background: #fff;
- border-color: #40a9ff;
}
- .ant-btn-dashed:hover > a:only-child,
- .ant-btn-dashed:focus > a:only-child {
+ .drip-btn-dashed:hover > a:only-child,
+ .drip-btn-dashed:focus > a:only-child {
color: currentColor;
}
- .ant-btn-dashed:hover > a:only-child::after,
- .ant-btn-dashed:focus > a:only-child::after {
+ .drip-btn-dashed:hover > a:only-child::after,
+ .drip-btn-dashed:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -5828,15 +5986,15 @@
background: transparent;
content: '';
}
- .ant-btn-dashed:active {
- color: #096dd9;
+ .drip-btn-dashed:active {
+ color: #1c48d9;
+ border-color: #1c48d9;
background: #fff;
- border-color: #096dd9;
}
- .ant-btn-dashed:active > a:only-child {
+ .drip-btn-dashed:active > a:only-child {
color: currentColor;
}
- .ant-btn-dashed:active > a:only-child::after {
+ .drip-btn-dashed:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -5845,26 +6003,26 @@
background: transparent;
content: '';
}
- .ant-btn-dashed[disabled],
- .ant-btn-dashed[disabled]:hover,
- .ant-btn-dashed[disabled]:focus,
- .ant-btn-dashed[disabled]:active {
+ .drip-btn-dashed[disabled],
+ .drip-btn-dashed[disabled]:hover,
+ .drip-btn-dashed[disabled]:focus,
+ .drip-btn-dashed[disabled]:active {
color: rgba(0, 0, 0, 0.25);
- background: #f5f5f5;
border-color: #d9d9d9;
+ background: #F5F5F5;
text-shadow: none;
box-shadow: none;
}
- .ant-btn-dashed[disabled] > a:only-child,
- .ant-btn-dashed[disabled]:hover > a:only-child,
- .ant-btn-dashed[disabled]:focus > a:only-child,
- .ant-btn-dashed[disabled]:active > a:only-child {
+ .drip-btn-dashed[disabled] > a:only-child,
+ .drip-btn-dashed[disabled]:hover > a:only-child,
+ .drip-btn-dashed[disabled]:focus > a:only-child,
+ .drip-btn-dashed[disabled]:active > a:only-child {
color: currentColor;
}
- .ant-btn-dashed[disabled] > a:only-child::after,
- .ant-btn-dashed[disabled]:hover > a:only-child::after,
- .ant-btn-dashed[disabled]:focus > a:only-child::after,
- .ant-btn-dashed[disabled]:active > a:only-child::after {
+ .drip-btn-dashed[disabled] > a:only-child::after,
+ .drip-btn-dashed[disabled]:hover > a:only-child::after,
+ .drip-btn-dashed[disabled]:focus > a:only-child::after,
+ .drip-btn-dashed[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -5873,17 +6031,15 @@
background: transparent;
content: '';
}
- .ant-btn-danger {
+ .drip-btn-danger {
color: #fff;
- background: #ff4d4f;
- border-color: #ff4d4f;
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
+ border-color: #FF4C4C;
+ background: #FF4C4C;
}
- .ant-btn-danger > a:only-child {
+ .drip-btn-danger > a:only-child {
color: currentColor;
}
- .ant-btn-danger > a:only-child::after {
+ .drip-btn-danger > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -5892,18 +6048,18 @@
background: transparent;
content: '';
}
- .ant-btn-danger:hover,
- .ant-btn-danger:focus {
+ .drip-btn-danger:hover,
+ .drip-btn-danger:focus {
color: #fff;
- background: #ff7875;
- border-color: #ff7875;
+ border-color: #ff7a75;
+ background: #ff7a75;
}
- .ant-btn-danger:hover > a:only-child,
- .ant-btn-danger:focus > a:only-child {
+ .drip-btn-danger:hover > a:only-child,
+ .drip-btn-danger:focus > a:only-child {
color: currentColor;
}
- .ant-btn-danger:hover > a:only-child::after,
- .ant-btn-danger:focus > a:only-child::after {
+ .drip-btn-danger:hover > a:only-child::after,
+ .drip-btn-danger:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -5912,15 +6068,15 @@
background: transparent;
content: '';
}
- .ant-btn-danger:active {
+ .drip-btn-danger:active {
color: #fff;
- background: #d9363e;
- border-color: #d9363e;
+ border-color: #d9363c;
+ background: #d9363c;
}
- .ant-btn-danger:active > a:only-child {
+ .drip-btn-danger:active > a:only-child {
color: currentColor;
}
- .ant-btn-danger:active > a:only-child::after {
+ .drip-btn-danger:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -5929,26 +6085,26 @@
background: transparent;
content: '';
}
- .ant-btn-danger[disabled],
- .ant-btn-danger[disabled]:hover,
- .ant-btn-danger[disabled]:focus,
- .ant-btn-danger[disabled]:active {
+ .drip-btn-danger[disabled],
+ .drip-btn-danger[disabled]:hover,
+ .drip-btn-danger[disabled]:focus,
+ .drip-btn-danger[disabled]:active {
color: rgba(0, 0, 0, 0.25);
- background: #f5f5f5;
- border-color: #d9d9d9;
+ border-color: #F5F5F5;
+ background: #F5F5F5;
text-shadow: none;
box-shadow: none;
}
- .ant-btn-danger[disabled] > a:only-child,
- .ant-btn-danger[disabled]:hover > a:only-child,
- .ant-btn-danger[disabled]:focus > a:only-child,
- .ant-btn-danger[disabled]:active > a:only-child {
+ .drip-btn-danger[disabled] > a:only-child,
+ .drip-btn-danger[disabled]:hover > a:only-child,
+ .drip-btn-danger[disabled]:focus > a:only-child,
+ .drip-btn-danger[disabled]:active > a:only-child {
color: currentColor;
}
- .ant-btn-danger[disabled] > a:only-child::after,
- .ant-btn-danger[disabled]:hover > a:only-child::after,
- .ant-btn-danger[disabled]:focus > a:only-child::after,
- .ant-btn-danger[disabled]:active > a:only-child::after {
+ .drip-btn-danger[disabled] > a:only-child::after,
+ .drip-btn-danger[disabled]:hover > a:only-child::after,
+ .drip-btn-danger[disabled]:focus > a:only-child::after,
+ .drip-btn-danger[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -5957,16 +6113,16 @@
background: transparent;
content: '';
}
- .ant-btn-link {
- color: #1890ff;
- background: transparent;
+ .drip-btn-link {
+ color: #2D64FF;
border-color: transparent;
+ background: transparent;
box-shadow: none;
}
- .ant-btn-link > a:only-child {
+ .drip-btn-link > a:only-child {
color: currentColor;
}
- .ant-btn-link > a:only-child::after {
+ .drip-btn-link > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -5975,18 +6131,18 @@
background: transparent;
content: '';
}
- .ant-btn-link:hover,
- .ant-btn-link:focus {
- color: #40a9ff;
+ .drip-btn-link:hover,
+ .drip-btn-link:focus {
+ color: #5789ff;
+ border-color: #5789ff;
background: transparent;
- border-color: #40a9ff;
}
- .ant-btn-link:hover > a:only-child,
- .ant-btn-link:focus > a:only-child {
+ .drip-btn-link:hover > a:only-child,
+ .drip-btn-link:focus > a:only-child {
color: currentColor;
}
- .ant-btn-link:hover > a:only-child::after,
- .ant-btn-link:focus > a:only-child::after {
+ .drip-btn-link:hover > a:only-child::after,
+ .drip-btn-link:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -5995,15 +6151,15 @@
background: transparent;
content: '';
}
- .ant-btn-link:active {
- color: #096dd9;
+ .drip-btn-link:active {
+ color: #1c48d9;
+ border-color: #1c48d9;
background: transparent;
- border-color: #096dd9;
}
- .ant-btn-link:active > a:only-child {
+ .drip-btn-link:active > a:only-child {
color: currentColor;
}
- .ant-btn-link:active > a:only-child::after {
+ .drip-btn-link:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6012,26 +6168,26 @@
background: transparent;
content: '';
}
- .ant-btn-link[disabled],
- .ant-btn-link[disabled]:hover,
- .ant-btn-link[disabled]:focus,
- .ant-btn-link[disabled]:active {
+ .drip-btn-link[disabled],
+ .drip-btn-link[disabled]:hover,
+ .drip-btn-link[disabled]:focus,
+ .drip-btn-link[disabled]:active {
color: rgba(0, 0, 0, 0.25);
- background: #f5f5f5;
border-color: #d9d9d9;
+ background: #F5F5F5;
text-shadow: none;
box-shadow: none;
}
- .ant-btn-link[disabled] > a:only-child,
- .ant-btn-link[disabled]:hover > a:only-child,
- .ant-btn-link[disabled]:focus > a:only-child,
- .ant-btn-link[disabled]:active > a:only-child {
+ .drip-btn-link[disabled] > a:only-child,
+ .drip-btn-link[disabled]:hover > a:only-child,
+ .drip-btn-link[disabled]:focus > a:only-child,
+ .drip-btn-link[disabled]:active > a:only-child {
color: currentColor;
}
- .ant-btn-link[disabled] > a:only-child::after,
- .ant-btn-link[disabled]:hover > a:only-child::after,
- .ant-btn-link[disabled]:focus > a:only-child::after,
- .ant-btn-link[disabled]:active > a:only-child::after {
+ .drip-btn-link[disabled] > a:only-child::after,
+ .drip-btn-link[disabled]:hover > a:only-child::after,
+ .drip-btn-link[disabled]:focus > a:only-child::after,
+ .drip-btn-link[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6040,34 +6196,34 @@
background: transparent;
content: '';
}
- .ant-btn-link:hover {
+ .drip-btn-link:hover {
background: transparent;
}
- .ant-btn-link:hover,
- .ant-btn-link:focus,
- .ant-btn-link:active {
+ .drip-btn-link:hover,
+ .drip-btn-link:focus,
+ .drip-btn-link:active {
border-color: transparent;
}
- .ant-btn-link[disabled],
- .ant-btn-link[disabled]:hover,
- .ant-btn-link[disabled]:focus,
- .ant-btn-link[disabled]:active {
+ .drip-btn-link[disabled],
+ .drip-btn-link[disabled]:hover,
+ .drip-btn-link[disabled]:focus,
+ .drip-btn-link[disabled]:active {
color: rgba(0, 0, 0, 0.25);
- background: transparent;
border-color: transparent;
+ background: transparent;
text-shadow: none;
box-shadow: none;
}
- .ant-btn-link[disabled] > a:only-child,
- .ant-btn-link[disabled]:hover > a:only-child,
- .ant-btn-link[disabled]:focus > a:only-child,
- .ant-btn-link[disabled]:active > a:only-child {
+ .drip-btn-link[disabled] > a:only-child,
+ .drip-btn-link[disabled]:hover > a:only-child,
+ .drip-btn-link[disabled]:focus > a:only-child,
+ .drip-btn-link[disabled]:active > a:only-child {
color: currentColor;
}
- .ant-btn-link[disabled] > a:only-child::after,
- .ant-btn-link[disabled]:hover > a:only-child::after,
- .ant-btn-link[disabled]:focus > a:only-child::after,
- .ant-btn-link[disabled]:active > a:only-child::after {
+ .drip-btn-link[disabled] > a:only-child::after,
+ .drip-btn-link[disabled]:hover > a:only-child::after,
+ .drip-btn-link[disabled]:focus > a:only-child::after,
+ .drip-btn-link[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6076,16 +6232,16 @@
background: transparent;
content: '';
}
- .ant-btn-text {
- color: rgba(0, 0, 0, 0.85);
- background: transparent;
+ .drip-btn-text {
+ color: rgba(0, 0, 0, 0.82);
border-color: transparent;
+ background: transparent;
box-shadow: none;
}
- .ant-btn-text > a:only-child {
+ .drip-btn-text > a:only-child {
color: currentColor;
}
- .ant-btn-text > a:only-child::after {
+ .drip-btn-text > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6094,18 +6250,18 @@
background: transparent;
content: '';
}
- .ant-btn-text:hover,
- .ant-btn-text:focus {
- color: #40a9ff;
+ .drip-btn-text:hover,
+ .drip-btn-text:focus {
+ color: #5789ff;
+ border-color: #5789ff;
background: transparent;
- border-color: #40a9ff;
}
- .ant-btn-text:hover > a:only-child,
- .ant-btn-text:focus > a:only-child {
+ .drip-btn-text:hover > a:only-child,
+ .drip-btn-text:focus > a:only-child {
color: currentColor;
}
- .ant-btn-text:hover > a:only-child::after,
- .ant-btn-text:focus > a:only-child::after {
+ .drip-btn-text:hover > a:only-child::after,
+ .drip-btn-text:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6114,15 +6270,15 @@
background: transparent;
content: '';
}
- .ant-btn-text:active {
- color: #096dd9;
+ .drip-btn-text:active {
+ color: #1c48d9;
+ border-color: #1c48d9;
background: transparent;
- border-color: #096dd9;
}
- .ant-btn-text:active > a:only-child {
+ .drip-btn-text:active > a:only-child {
color: currentColor;
}
- .ant-btn-text:active > a:only-child::after {
+ .drip-btn-text:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6131,26 +6287,26 @@
background: transparent;
content: '';
}
- .ant-btn-text[disabled],
- .ant-btn-text[disabled]:hover,
- .ant-btn-text[disabled]:focus,
- .ant-btn-text[disabled]:active {
+ .drip-btn-text[disabled],
+ .drip-btn-text[disabled]:hover,
+ .drip-btn-text[disabled]:focus,
+ .drip-btn-text[disabled]:active {
color: rgba(0, 0, 0, 0.25);
- background: #f5f5f5;
border-color: #d9d9d9;
+ background: #F5F5F5;
text-shadow: none;
box-shadow: none;
}
- .ant-btn-text[disabled] > a:only-child,
- .ant-btn-text[disabled]:hover > a:only-child,
- .ant-btn-text[disabled]:focus > a:only-child,
- .ant-btn-text[disabled]:active > a:only-child {
+ .drip-btn-text[disabled] > a:only-child,
+ .drip-btn-text[disabled]:hover > a:only-child,
+ .drip-btn-text[disabled]:focus > a:only-child,
+ .drip-btn-text[disabled]:active > a:only-child {
color: currentColor;
}
- .ant-btn-text[disabled] > a:only-child::after,
- .ant-btn-text[disabled]:hover > a:only-child::after,
- .ant-btn-text[disabled]:focus > a:only-child::after,
- .ant-btn-text[disabled]:active > a:only-child::after {
+ .drip-btn-text[disabled] > a:only-child::after,
+ .drip-btn-text[disabled]:hover > a:only-child::after,
+ .drip-btn-text[disabled]:focus > a:only-child::after,
+ .drip-btn-text[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6159,37 +6315,37 @@
background: transparent;
content: '';
}
- .ant-btn-text:hover,
- .ant-btn-text:focus {
- color: rgba(0, 0, 0, 0.85);
+ .drip-btn-text:hover,
+ .drip-btn-text:focus {
+ color: rgba(0, 0, 0, 0.82);
background: rgba(0, 0, 0, 0.018);
border-color: transparent;
}
- .ant-btn-text:active {
- color: rgba(0, 0, 0, 0.85);
+ .drip-btn-text:active {
+ color: rgba(0, 0, 0, 0.82);
background: rgba(0, 0, 0, 0.028);
border-color: transparent;
}
- .ant-btn-text[disabled],
- .ant-btn-text[disabled]:hover,
- .ant-btn-text[disabled]:focus,
- .ant-btn-text[disabled]:active {
+ .drip-btn-text[disabled],
+ .drip-btn-text[disabled]:hover,
+ .drip-btn-text[disabled]:focus,
+ .drip-btn-text[disabled]:active {
color: rgba(0, 0, 0, 0.25);
- background: transparent;
border-color: transparent;
+ background: transparent;
text-shadow: none;
box-shadow: none;
}
- .ant-btn-text[disabled] > a:only-child,
- .ant-btn-text[disabled]:hover > a:only-child,
- .ant-btn-text[disabled]:focus > a:only-child,
- .ant-btn-text[disabled]:active > a:only-child {
+ .drip-btn-text[disabled] > a:only-child,
+ .drip-btn-text[disabled]:hover > a:only-child,
+ .drip-btn-text[disabled]:focus > a:only-child,
+ .drip-btn-text[disabled]:active > a:only-child {
color: currentColor;
}
- .ant-btn-text[disabled] > a:only-child::after,
- .ant-btn-text[disabled]:hover > a:only-child::after,
- .ant-btn-text[disabled]:focus > a:only-child::after,
- .ant-btn-text[disabled]:active > a:only-child::after {
+ .drip-btn-text[disabled] > a:only-child::after,
+ .drip-btn-text[disabled]:hover > a:only-child::after,
+ .drip-btn-text[disabled]:focus > a:only-child::after,
+ .drip-btn-text[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6198,15 +6354,15 @@
background: transparent;
content: '';
}
- .ant-btn-dangerous {
- color: #ff4d4f;
+ .drip-btn-dangerous {
+ color: #FF4C4C;
+ border-color: #FF4C4C;
background: #fff;
- border-color: #ff4d4f;
}
- .ant-btn-dangerous > a:only-child {
+ .drip-btn-dangerous > a:only-child {
color: currentColor;
}
- .ant-btn-dangerous > a:only-child::after {
+ .drip-btn-dangerous > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6215,18 +6371,18 @@
background: transparent;
content: '';
}
- .ant-btn-dangerous:hover,
- .ant-btn-dangerous:focus {
- color: #ff7875;
+ .drip-btn-dangerous:hover,
+ .drip-btn-dangerous:focus {
+ color: #ff7a75;
+ border-color: #ff7a75;
background: #fff;
- border-color: #ff7875;
}
- .ant-btn-dangerous:hover > a:only-child,
- .ant-btn-dangerous:focus > a:only-child {
+ .drip-btn-dangerous:hover > a:only-child,
+ .drip-btn-dangerous:focus > a:only-child {
color: currentColor;
}
- .ant-btn-dangerous:hover > a:only-child::after,
- .ant-btn-dangerous:focus > a:only-child::after {
+ .drip-btn-dangerous:hover > a:only-child::after,
+ .drip-btn-dangerous:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6235,15 +6391,15 @@
background: transparent;
content: '';
}
- .ant-btn-dangerous:active {
- color: #d9363e;
+ .drip-btn-dangerous:active {
+ color: #d9363c;
+ border-color: #d9363c;
background: #fff;
- border-color: #d9363e;
}
- .ant-btn-dangerous:active > a:only-child {
+ .drip-btn-dangerous:active > a:only-child {
color: currentColor;
}
- .ant-btn-dangerous:active > a:only-child::after {
+ .drip-btn-dangerous:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6252,26 +6408,26 @@
background: transparent;
content: '';
}
- .ant-btn-dangerous[disabled],
- .ant-btn-dangerous[disabled]:hover,
- .ant-btn-dangerous[disabled]:focus,
- .ant-btn-dangerous[disabled]:active {
+ .drip-btn-dangerous[disabled],
+ .drip-btn-dangerous[disabled]:hover,
+ .drip-btn-dangerous[disabled]:focus,
+ .drip-btn-dangerous[disabled]:active {
color: rgba(0, 0, 0, 0.25);
- background: #f5f5f5;
border-color: #d9d9d9;
+ background: #F5F5F5;
text-shadow: none;
box-shadow: none;
}
- .ant-btn-dangerous[disabled] > a:only-child,
- .ant-btn-dangerous[disabled]:hover > a:only-child,
- .ant-btn-dangerous[disabled]:focus > a:only-child,
- .ant-btn-dangerous[disabled]:active > a:only-child {
+ .drip-btn-dangerous[disabled] > a:only-child,
+ .drip-btn-dangerous[disabled]:hover > a:only-child,
+ .drip-btn-dangerous[disabled]:focus > a:only-child,
+ .drip-btn-dangerous[disabled]:active > a:only-child {
color: currentColor;
}
- .ant-btn-dangerous[disabled] > a:only-child::after,
- .ant-btn-dangerous[disabled]:hover > a:only-child::after,
- .ant-btn-dangerous[disabled]:focus > a:only-child::after,
- .ant-btn-dangerous[disabled]:active > a:only-child::after {
+ .drip-btn-dangerous[disabled] > a:only-child::after,
+ .drip-btn-dangerous[disabled]:hover > a:only-child::after,
+ .drip-btn-dangerous[disabled]:focus > a:only-child::after,
+ .drip-btn-dangerous[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6280,17 +6436,15 @@
background: transparent;
content: '';
}
- .ant-btn-dangerous.ant-btn-primary {
+ .drip-btn-dangerous.drip-btn-primary {
color: #fff;
- background: #ff4d4f;
- border-color: #ff4d4f;
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
+ border-color: #FF4C4C;
+ background: #FF4C4C;
}
- .ant-btn-dangerous.ant-btn-primary > a:only-child {
+ .drip-btn-dangerous.drip-btn-primary > a:only-child {
color: currentColor;
}
- .ant-btn-dangerous.ant-btn-primary > a:only-child::after {
+ .drip-btn-dangerous.drip-btn-primary > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6299,18 +6453,18 @@
background: transparent;
content: '';
}
- .ant-btn-dangerous.ant-btn-primary:hover,
- .ant-btn-dangerous.ant-btn-primary:focus {
+ .drip-btn-dangerous.drip-btn-primary:hover,
+ .drip-btn-dangerous.drip-btn-primary:focus {
color: #fff;
- background: #ff7875;
- border-color: #ff7875;
+ border-color: #ff7a75;
+ background: #ff7a75;
}
- .ant-btn-dangerous.ant-btn-primary:hover > a:only-child,
- .ant-btn-dangerous.ant-btn-primary:focus > a:only-child {
+ .drip-btn-dangerous.drip-btn-primary:hover > a:only-child,
+ .drip-btn-dangerous.drip-btn-primary:focus > a:only-child {
color: currentColor;
}
- .ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after,
- .ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after {
+ .drip-btn-dangerous.drip-btn-primary:hover > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-primary:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6319,15 +6473,15 @@
background: transparent;
content: '';
}
- .ant-btn-dangerous.ant-btn-primary:active {
+ .drip-btn-dangerous.drip-btn-primary:active {
color: #fff;
- background: #d9363e;
- border-color: #d9363e;
+ border-color: #d9363c;
+ background: #d9363c;
}
- .ant-btn-dangerous.ant-btn-primary:active > a:only-child {
+ .drip-btn-dangerous.drip-btn-primary:active > a:only-child {
color: currentColor;
}
- .ant-btn-dangerous.ant-btn-primary:active > a:only-child::after {
+ .drip-btn-dangerous.drip-btn-primary:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6336,26 +6490,26 @@
background: transparent;
content: '';
}
- .ant-btn-dangerous.ant-btn-primary[disabled],
- .ant-btn-dangerous.ant-btn-primary[disabled]:hover,
- .ant-btn-dangerous.ant-btn-primary[disabled]:focus,
- .ant-btn-dangerous.ant-btn-primary[disabled]:active {
+ .drip-btn-dangerous.drip-btn-primary[disabled],
+ .drip-btn-dangerous.drip-btn-primary[disabled]:hover,
+ .drip-btn-dangerous.drip-btn-primary[disabled]:focus,
+ .drip-btn-dangerous.drip-btn-primary[disabled]:active {
color: rgba(0, 0, 0, 0.25);
- background: #f5f5f5;
- border-color: #d9d9d9;
+ border-color: #F5F5F5;
+ background: #F5F5F5;
text-shadow: none;
box-shadow: none;
}
- .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child,
- .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child,
- .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child,
- .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child {
+ .drip-btn-dangerous.drip-btn-primary[disabled] > a:only-child,
+ .drip-btn-dangerous.drip-btn-primary[disabled]:hover > a:only-child,
+ .drip-btn-dangerous.drip-btn-primary[disabled]:focus > a:only-child,
+ .drip-btn-dangerous.drip-btn-primary[disabled]:active > a:only-child {
color: currentColor;
}
- .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after,
- .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after,
- .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after,
- .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after {
+ .drip-btn-dangerous.drip-btn-primary[disabled] > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-primary[disabled]:hover > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-primary[disabled]:focus > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-primary[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6364,16 +6518,16 @@
background: transparent;
content: '';
}
- .ant-btn-dangerous.ant-btn-link {
- color: #ff4d4f;
- background: transparent;
- border-color: transparent;
- box-shadow: none;
+ .drip-btn-dangerous.drip-btn-secondary {
+ color: #FF4C4C;
+ border-color: #fff;
+ background: #fff;
+ box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06);
}
- .ant-btn-dangerous.ant-btn-link > a:only-child {
+ .drip-btn-dangerous.drip-btn-secondary > a:only-child {
color: currentColor;
}
- .ant-btn-dangerous.ant-btn-link > a:only-child::after {
+ .drip-btn-dangerous.drip-btn-secondary > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6382,18 +6536,18 @@
background: transparent;
content: '';
}
- .ant-btn-dangerous.ant-btn-link:hover,
- .ant-btn-dangerous.ant-btn-link:focus {
- color: #40a9ff;
- background: transparent;
- border-color: #40a9ff;
+ .drip-btn-dangerous.drip-btn-secondary:hover,
+ .drip-btn-dangerous.drip-btn-secondary:focus {
+ color: #ff7a75;
+ border-color: #fff;
+ background: #fff;
}
- .ant-btn-dangerous.ant-btn-link:hover > a:only-child,
- .ant-btn-dangerous.ant-btn-link:focus > a:only-child {
+ .drip-btn-dangerous.drip-btn-secondary:hover > a:only-child,
+ .drip-btn-dangerous.drip-btn-secondary:focus > a:only-child {
color: currentColor;
}
- .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
- .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
+ .drip-btn-dangerous.drip-btn-secondary:hover > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-secondary:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6402,15 +6556,15 @@
background: transparent;
content: '';
}
- .ant-btn-dangerous.ant-btn-link:active {
- color: #096dd9;
- background: transparent;
- border-color: #096dd9;
+ .drip-btn-dangerous.drip-btn-secondary:active {
+ color: #d9363c;
+ border-color: #d9363c;
+ background: #fff;
}
- .ant-btn-dangerous.ant-btn-link:active > a:only-child {
+ .drip-btn-dangerous.drip-btn-secondary:active > a:only-child {
color: currentColor;
}
- .ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
+ .drip-btn-dangerous.drip-btn-secondary:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6419,26 +6573,26 @@
background: transparent;
content: '';
}
- .ant-btn-dangerous.ant-btn-link[disabled],
- .ant-btn-dangerous.ant-btn-link[disabled]:hover,
- .ant-btn-dangerous.ant-btn-link[disabled]:focus,
- .ant-btn-dangerous.ant-btn-link[disabled]:active {
+ .drip-btn-dangerous.drip-btn-secondary[disabled],
+ .drip-btn-dangerous.drip-btn-secondary[disabled]:hover,
+ .drip-btn-dangerous.drip-btn-secondary[disabled]:focus,
+ .drip-btn-dangerous.drip-btn-secondary[disabled]:active {
color: rgba(0, 0, 0, 0.25);
- background: #f5f5f5;
- border-color: #d9d9d9;
+ border-color: #F5F5F5;
+ background: #F5F5F5;
text-shadow: none;
box-shadow: none;
}
- .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
- .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
- .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
- .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
+ .drip-btn-dangerous.drip-btn-secondary[disabled] > a:only-child,
+ .drip-btn-dangerous.drip-btn-secondary[disabled]:hover > a:only-child,
+ .drip-btn-dangerous.drip-btn-secondary[disabled]:focus > a:only-child,
+ .drip-btn-dangerous.drip-btn-secondary[disabled]:active > a:only-child {
color: currentColor;
}
- .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
- .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
- .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
- .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
+ .drip-btn-dangerous.drip-btn-secondary[disabled] > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-secondary[disabled]:hover > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-secondary[disabled]:focus > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-secondary[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6447,18 +6601,16 @@
background: transparent;
content: '';
}
- .ant-btn-dangerous.ant-btn-link:hover,
- .ant-btn-dangerous.ant-btn-link:focus {
- color: #ff7875;
- background: transparent;
+ .drip-btn-dangerous.drip-btn-link {
+ color: #FF4C4C;
border-color: transparent;
- }
- .ant-btn-dangerous.ant-btn-link:hover > a:only-child,
- .ant-btn-dangerous.ant-btn-link:focus > a:only-child {
+ background: transparent;
+ box-shadow: none;
+ }
+ .drip-btn-dangerous.drip-btn-link > a:only-child {
color: currentColor;
}
- .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
- .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
+ .drip-btn-dangerous.drip-btn-link > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6467,15 +6619,35 @@
background: transparent;
content: '';
}
- .ant-btn-dangerous.ant-btn-link:active {
- color: #d9363e;
+ .drip-btn-dangerous.drip-btn-link:hover,
+ .drip-btn-dangerous.drip-btn-link:focus {
+ color: #5789ff;
+ border-color: #5789ff;
+ background: transparent;
+ }
+ .drip-btn-dangerous.drip-btn-link:hover > a:only-child,
+ .drip-btn-dangerous.drip-btn-link:focus > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-dangerous.drip-btn-link:hover > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-link:focus > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-dangerous.drip-btn-link:active {
+ color: #1c48d9;
+ border-color: #1c48d9;
background: transparent;
- border-color: transparent;
}
- .ant-btn-dangerous.ant-btn-link:active > a:only-child {
+ .drip-btn-dangerous.drip-btn-link:active > a:only-child {
color: currentColor;
}
- .ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
+ .drip-btn-dangerous.drip-btn-link:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6484,26 +6656,91 @@
background: transparent;
content: '';
}
- .ant-btn-dangerous.ant-btn-link[disabled],
- .ant-btn-dangerous.ant-btn-link[disabled]:hover,
- .ant-btn-dangerous.ant-btn-link[disabled]:focus,
- .ant-btn-dangerous.ant-btn-link[disabled]:active {
+ .drip-btn-dangerous.drip-btn-link[disabled],
+ .drip-btn-dangerous.drip-btn-link[disabled]:hover,
+ .drip-btn-dangerous.drip-btn-link[disabled]:focus,
+ .drip-btn-dangerous.drip-btn-link[disabled]:active {
color: rgba(0, 0, 0, 0.25);
+ border-color: #d9d9d9;
+ background: #F5F5F5;
+ text-shadow: none;
+ box-shadow: none;
+ }
+ .drip-btn-dangerous.drip-btn-link[disabled] > a:only-child,
+ .drip-btn-dangerous.drip-btn-link[disabled]:hover > a:only-child,
+ .drip-btn-dangerous.drip-btn-link[disabled]:focus > a:only-child,
+ .drip-btn-dangerous.drip-btn-link[disabled]:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-dangerous.drip-btn-link[disabled] > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-link[disabled]:hover > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-link[disabled]:focus > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-link[disabled]:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-dangerous.drip-btn-link:hover,
+ .drip-btn-dangerous.drip-btn-link:focus {
+ color: #ff7a75;
+ border-color: transparent;
background: transparent;
+ }
+ .drip-btn-dangerous.drip-btn-link:hover > a:only-child,
+ .drip-btn-dangerous.drip-btn-link:focus > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-dangerous.drip-btn-link:hover > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-link:focus > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-dangerous.drip-btn-link:active {
+ color: #d9363c;
+ border-color: transparent;
+ background: transparent;
+ }
+ .drip-btn-dangerous.drip-btn-link:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-dangerous.drip-btn-link:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-dangerous.drip-btn-link[disabled],
+ .drip-btn-dangerous.drip-btn-link[disabled]:hover,
+ .drip-btn-dangerous.drip-btn-link[disabled]:focus,
+ .drip-btn-dangerous.drip-btn-link[disabled]:active {
+ color: rgba(0, 0, 0, 0.25);
border-color: transparent;
+ background: transparent;
text-shadow: none;
box-shadow: none;
}
- .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
- .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
- .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
- .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
+ .drip-btn-dangerous.drip-btn-link[disabled] > a:only-child,
+ .drip-btn-dangerous.drip-btn-link[disabled]:hover > a:only-child,
+ .drip-btn-dangerous.drip-btn-link[disabled]:focus > a:only-child,
+ .drip-btn-dangerous.drip-btn-link[disabled]:active > a:only-child {
color: currentColor;
}
- .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
- .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
- .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
- .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
+ .drip-btn-dangerous.drip-btn-link[disabled] > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-link[disabled]:hover > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-link[disabled]:focus > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-link[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6512,16 +6749,16 @@
background: transparent;
content: '';
}
- .ant-btn-dangerous.ant-btn-text {
- color: #ff4d4f;
- background: transparent;
+ .drip-btn-dangerous.drip-btn-text {
+ color: #FF4C4C;
border-color: transparent;
+ background: transparent;
box-shadow: none;
}
- .ant-btn-dangerous.ant-btn-text > a:only-child {
+ .drip-btn-dangerous.drip-btn-text > a:only-child {
color: currentColor;
}
- .ant-btn-dangerous.ant-btn-text > a:only-child::after {
+ .drip-btn-dangerous.drip-btn-text > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6530,18 +6767,18 @@
background: transparent;
content: '';
}
- .ant-btn-dangerous.ant-btn-text:hover,
- .ant-btn-dangerous.ant-btn-text:focus {
- color: #40a9ff;
+ .drip-btn-dangerous.drip-btn-text:hover,
+ .drip-btn-dangerous.drip-btn-text:focus {
+ color: #5789ff;
+ border-color: #5789ff;
background: transparent;
- border-color: #40a9ff;
}
- .ant-btn-dangerous.ant-btn-text:hover > a:only-child,
- .ant-btn-dangerous.ant-btn-text:focus > a:only-child {
+ .drip-btn-dangerous.drip-btn-text:hover > a:only-child,
+ .drip-btn-dangerous.drip-btn-text:focus > a:only-child {
color: currentColor;
}
- .ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
- .ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
+ .drip-btn-dangerous.drip-btn-text:hover > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-text:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6550,15 +6787,15 @@
background: transparent;
content: '';
}
- .ant-btn-dangerous.ant-btn-text:active {
- color: #096dd9;
+ .drip-btn-dangerous.drip-btn-text:active {
+ color: #1c48d9;
+ border-color: #1c48d9;
background: transparent;
- border-color: #096dd9;
}
- .ant-btn-dangerous.ant-btn-text:active > a:only-child {
+ .drip-btn-dangerous.drip-btn-text:active > a:only-child {
color: currentColor;
}
- .ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
+ .drip-btn-dangerous.drip-btn-text:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6567,26 +6804,26 @@
background: transparent;
content: '';
}
- .ant-btn-dangerous.ant-btn-text[disabled],
- .ant-btn-dangerous.ant-btn-text[disabled]:hover,
- .ant-btn-dangerous.ant-btn-text[disabled]:focus,
- .ant-btn-dangerous.ant-btn-text[disabled]:active {
+ .drip-btn-dangerous.drip-btn-text[disabled],
+ .drip-btn-dangerous.drip-btn-text[disabled]:hover,
+ .drip-btn-dangerous.drip-btn-text[disabled]:focus,
+ .drip-btn-dangerous.drip-btn-text[disabled]:active {
color: rgba(0, 0, 0, 0.25);
- background: #f5f5f5;
border-color: #d9d9d9;
+ background: #F5F5F5;
text-shadow: none;
box-shadow: none;
}
- .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
- .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
- .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
- .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
+ .drip-btn-dangerous.drip-btn-text[disabled] > a:only-child,
+ .drip-btn-dangerous.drip-btn-text[disabled]:hover > a:only-child,
+ .drip-btn-dangerous.drip-btn-text[disabled]:focus > a:only-child,
+ .drip-btn-dangerous.drip-btn-text[disabled]:active > a:only-child {
color: currentColor;
}
- .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
- .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
- .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
- .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
+ .drip-btn-dangerous.drip-btn-text[disabled] > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-text[disabled]:hover > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-text[disabled]:focus > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-text[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6595,18 +6832,18 @@
background: transparent;
content: '';
}
- .ant-btn-dangerous.ant-btn-text:hover,
- .ant-btn-dangerous.ant-btn-text:focus {
- color: #ff7875;
- background: rgba(0, 0, 0, 0.018);
+ .drip-btn-dangerous.drip-btn-text:hover,
+ .drip-btn-dangerous.drip-btn-text:focus {
+ color: #ff7a75;
border-color: transparent;
+ background: rgba(0, 0, 0, 0.018);
}
- .ant-btn-dangerous.ant-btn-text:hover > a:only-child,
- .ant-btn-dangerous.ant-btn-text:focus > a:only-child {
+ .drip-btn-dangerous.drip-btn-text:hover > a:only-child,
+ .drip-btn-dangerous.drip-btn-text:focus > a:only-child {
color: currentColor;
}
- .ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
- .ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
+ .drip-btn-dangerous.drip-btn-text:hover > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-text:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6615,15 +6852,15 @@
background: transparent;
content: '';
}
- .ant-btn-dangerous.ant-btn-text:active {
- color: #d9363e;
- background: rgba(0, 0, 0, 0.028);
+ .drip-btn-dangerous.drip-btn-text:active {
+ color: #d9363c;
border-color: transparent;
+ background: rgba(0, 0, 0, 0.028);
}
- .ant-btn-dangerous.ant-btn-text:active > a:only-child {
+ .drip-btn-dangerous.drip-btn-text:active > a:only-child {
color: currentColor;
}
- .ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
+ .drip-btn-dangerous.drip-btn-text:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6632,26 +6869,26 @@
background: transparent;
content: '';
}
- .ant-btn-dangerous.ant-btn-text[disabled],
- .ant-btn-dangerous.ant-btn-text[disabled]:hover,
- .ant-btn-dangerous.ant-btn-text[disabled]:focus,
- .ant-btn-dangerous.ant-btn-text[disabled]:active {
+ .drip-btn-dangerous.drip-btn-text[disabled],
+ .drip-btn-dangerous.drip-btn-text[disabled]:hover,
+ .drip-btn-dangerous.drip-btn-text[disabled]:focus,
+ .drip-btn-dangerous.drip-btn-text[disabled]:active {
color: rgba(0, 0, 0, 0.25);
- background: transparent;
border-color: transparent;
+ background: transparent;
text-shadow: none;
box-shadow: none;
}
- .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
- .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
- .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
- .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
+ .drip-btn-dangerous.drip-btn-text[disabled] > a:only-child,
+ .drip-btn-dangerous.drip-btn-text[disabled]:hover > a:only-child,
+ .drip-btn-dangerous.drip-btn-text[disabled]:focus > a:only-child,
+ .drip-btn-dangerous.drip-btn-text[disabled]:active > a:only-child {
color: currentColor;
}
- .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
- .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
- .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
- .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
+ .drip-btn-dangerous.drip-btn-text[disabled] > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-text[disabled]:hover > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-text[disabled]:focus > a:only-child::after,
+ .drip-btn-dangerous.drip-btn-text[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6660,74 +6897,81 @@
background: transparent;
content: '';
}
- .ant-btn-icon-only {
+ .drip-btn-icon-only {
width: 32px;
height: 32px;
padding: 2.4px 0;
font-size: 16px;
border-radius: 2px;
- vertical-align: -1px;
+ vertical-align: -3px;
}
- .ant-btn-icon-only > * {
+ .drip-btn-icon-only > * {
font-size: 16px;
}
- .ant-btn-icon-only.ant-btn-lg {
+ .drip-btn-icon-only.drip-btn-lg {
width: 40px;
height: 40px;
padding: 4.9px 0;
font-size: 18px;
border-radius: 2px;
}
- .ant-btn-icon-only.ant-btn-lg > * {
+ .drip-btn-icon-only.drip-btn-lg > * {
font-size: 18px;
}
- .ant-btn-icon-only.ant-btn-sm {
+ .drip-btn-icon-only.drip-btn-sm {
width: 24px;
height: 24px;
padding: 0px 0;
font-size: 14px;
border-radius: 2px;
}
- .ant-btn-icon-only.ant-btn-sm > * {
+ .drip-btn-icon-only.drip-btn-sm > * {
font-size: 14px;
}
- .ant-btn-round {
+ .drip-btn-icon-only > .dripicon {
+ display: flex;
+ justify-content: center;
+ }
+ .drip-btn-round {
height: 32px;
padding: 4px 16px;
font-size: 14px;
border-radius: 32px;
}
- .ant-btn-round.ant-btn-lg {
+ .drip-btn-round.drip-btn-lg {
height: 40px;
padding: 6.4px 20px;
font-size: 16px;
border-radius: 40px;
}
- .ant-btn-round.ant-btn-sm {
+ .drip-btn-round.drip-btn-sm {
height: 24px;
padding: 0px 12px;
font-size: 14px;
border-radius: 24px;
}
- .ant-btn-round.ant-btn-icon-only {
+ .drip-btn-round.drip-btn-icon-only {
width: auto;
}
- .ant-btn-circle {
+ .drip-btn-mode-round {
+ border-radius: 20px;
+ }
+ .drip-btn-circle {
min-width: 32px;
padding-right: 0;
padding-left: 0;
text-align: center;
border-radius: 50%;
}
- .ant-btn-circle.ant-btn-lg {
+ .drip-btn-circle.drip-btn-lg {
min-width: 40px;
border-radius: 50%;
}
- .ant-btn-circle.ant-btn-sm {
+ .drip-btn-circle.drip-btn-sm {
min-width: 24px;
border-radius: 50%;
}
- .ant-btn::before {
+ .drip-btn::before {
position: absolute;
top: -1px;
right: -1px;
@@ -6742,228 +6986,1262 @@
content: '';
pointer-events: none;
}
- .ant-btn .anticon {
+ .drip-btn .dripicon {
transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
- .ant-btn .anticon.anticon-plus > svg,
- .ant-btn .anticon.anticon-minus > svg {
+ .drip-btn .dripicon.dripicon-plus > svg,
+ .drip-btn .dripicon.dripicon-minus > svg {
shape-rendering: optimizeSpeed;
}
- .ant-btn.ant-btn-loading {
+ .drip-btn.drip-btn-loading {
position: relative;
}
- .ant-btn.ant-btn-loading:not([disabled]) {
+ .drip-btn.drip-btn-loading:not([disabled]) {
pointer-events: none;
}
- .ant-btn.ant-btn-loading::before {
+ .drip-btn.drip-btn-loading::before {
display: block;
}
- .ant-btn > .ant-btn-loading-icon {
+ .drip-btn > .drip-btn-loading-icon {
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
- .ant-btn > .ant-btn-loading-icon .anticon {
+ .drip-btn > .drip-btn-loading-icon .dripicon {
padding-right: 8px;
-webkit-animation: none;
animation: none;
}
- .ant-btn > .ant-btn-loading-icon .anticon svg {
+ .drip-btn > .drip-btn-loading-icon .dripicon svg {
-webkit-animation: loadingCircle 1s infinite linear;
animation: loadingCircle 1s infinite linear;
}
- .ant-btn > .ant-btn-loading-icon:only-child .anticon {
+ .drip-btn > .drip-btn-loading-icon:only-child .dripicon {
padding-right: 0;
}
- .ant-btn-group {
+ .drip-btn-group {
position: relative;
display: inline-flex;
}
- .ant-btn-group > .ant-btn,
- .ant-btn-group > span > .ant-btn {
+ .drip-btn-group > .drip-btn,
+ .drip-btn-group > span > .drip-btn {
position: relative;
}
- .ant-btn-group > .ant-btn:hover,
- .ant-btn-group > span > .ant-btn:hover,
- .ant-btn-group > .ant-btn:focus,
- .ant-btn-group > span > .ant-btn:focus,
- .ant-btn-group > .ant-btn:active,
- .ant-btn-group > span > .ant-btn:active {
+ .drip-btn-group > .drip-btn:hover,
+ .drip-btn-group > span > .drip-btn:hover,
+ .drip-btn-group > .drip-btn:focus,
+ .drip-btn-group > span > .drip-btn:focus,
+ .drip-btn-group > .drip-btn:active,
+ .drip-btn-group > span > .drip-btn:active {
z-index: 2;
}
- .ant-btn-group > .ant-btn[disabled],
- .ant-btn-group > span > .ant-btn[disabled] {
+ .drip-btn-group > .drip-btn[disabled],
+ .drip-btn-group > span > .drip-btn[disabled] {
z-index: 0;
}
- .ant-btn-group .ant-btn-icon-only {
+ .drip-btn-group .drip-btn-icon-only {
font-size: 14px;
}
- .ant-btn-group-lg > .ant-btn,
- .ant-btn-group-lg > span > .ant-btn {
+ .drip-btn-group-lg > .drip-btn,
+ .drip-btn-group-lg > span > .drip-btn {
height: 40px;
padding: 6.4px 15px;
font-size: 16px;
border-radius: 0;
}
- .ant-btn-group-lg .ant-btn.ant-btn-icon-only {
+ .drip-btn-group-lg .drip-btn.drip-btn-icon-only {
width: 40px;
height: 40px;
padding-right: 0;
padding-left: 0;
}
- .ant-btn-group-sm > .ant-btn,
- .ant-btn-group-sm > span > .ant-btn {
+ .drip-btn-group-sm > .drip-btn,
+ .drip-btn-group-sm > span > .drip-btn {
height: 24px;
padding: 0px 7px;
font-size: 14px;
border-radius: 0;
}
- .ant-btn-group-sm > .ant-btn > .anticon,
- .ant-btn-group-sm > span > .ant-btn > .anticon {
+ .drip-btn-group-sm > .drip-btn > .dripicon,
+ .drip-btn-group-sm > span > .drip-btn > .dripicon {
font-size: 14px;
}
- .ant-btn-group-sm .ant-btn.ant-btn-icon-only {
+ .drip-btn-group-sm .drip-btn.drip-btn-icon-only {
width: 24px;
height: 24px;
padding-right: 0;
padding-left: 0;
}
- .ant-btn-group .ant-btn + .ant-btn,
- .ant-btn + .ant-btn-group,
- .ant-btn-group span + .ant-btn,
- .ant-btn-group .ant-btn + span,
- .ant-btn-group > span + span,
- .ant-btn-group + .ant-btn,
- .ant-btn-group + .ant-btn-group {
+ .drip-btn-group .drip-btn + .drip-btn,
+ .drip-btn + .drip-btn-group,
+ .drip-btn-group span + .drip-btn,
+ .drip-btn-group .drip-btn + span,
+ .drip-btn-group > span + span,
+ .drip-btn-group + .drip-btn,
+ .drip-btn-group + .drip-btn-group {
margin-left: -1px;
}
- .ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
+ .drip-btn-group .drip-btn-primary + .drip-btn:not(.drip-btn-primary):not([disabled]) {
border-left-color: transparent;
}
- .ant-btn-group .ant-btn {
+ .drip-btn-group .drip-btn {
border-radius: 0;
}
- .ant-btn-group > .ant-btn:first-child,
- .ant-btn-group > span:first-child > .ant-btn {
+ .drip-btn-group > .drip-btn:first-child,
+ .drip-btn-group > span:first-child > .drip-btn {
margin-left: 0;
}
- .ant-btn-group > .ant-btn:only-child {
+ .drip-btn-group > .drip-btn:only-child {
+ border-radius: 16px;
+ }
+ .drip-btn-group > .drip-btn.drip-btn-mode-rect:only-child {
border-radius: 2px;
}
- .ant-btn-group > span:only-child > .ant-btn {
+ .drip-btn-group > span:only-child > .drip-btn {
+ border-radius: 16px;
+ }
+ .drip-btn-group > span:only-child > .drip-btn.drip-btn-mode-rect {
border-radius: 2px;
}
- .ant-btn-group > .ant-btn:first-child:not(:last-child),
- .ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
+ .drip-btn-group > .drip-btn.drip-btn-mode-rect:first-child:not(:last-child),
+ .drip-btn-group > span:first-child:not(:last-child) > .drip-btn.drip-btn-mode-rect {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
- .ant-btn-group > .ant-btn:last-child:not(:first-child),
- .ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
+ .drip-btn-group > .drip-btn:first-child:not(:last-child),
+ .drip-btn-group > span:first-child:not(:last-child) > .drip-btn {
+ border-top-left-radius: 16px;
+ border-bottom-left-radius: 16px;
+ }
+ .drip-btn-group > .drip-btn.drip-btn-mode-rect:last-child:not(:first-child),
+ .drip-btn-group > span:last-child:not(:first-child) > .drip-btn.drip-btn-mode-rect {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
- .ant-btn-group-sm > .ant-btn:only-child {
+ .drip-btn-group > .drip-btn:last-child:not(:first-child),
+ .drip-btn-group > span:last-child:not(:first-child) > .drip-btn {
+ border-top-right-radius: 16px;
+ border-bottom-right-radius: 16px;
+ }
+ .drip-btn-group-sm > .drip-btn:only-child {
+ border-radius: 12px;
+ }
+ .drip-btn-group-sm > .drip-btn.drip-btn-mode-rect:only-child {
border-radius: 2px;
}
- .ant-btn-group-sm > span:only-child > .ant-btn {
+ .drip-btn-group-sm > span:only-child > .drip-btn {
+ border-radius: 12px;
+ }
+ .drip-btn-group-sm > span:only-child > .drip-btn.drip-btn-mode-rect {
border-radius: 2px;
}
- .ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
- .ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
+ .drip-btn-group-sm > .drip-btn:first-child:not(:last-child),
+ .drip-btn-group-sm > span:first-child:not(:last-child) > .drip-btn {
+ border-top-left-radius: 12px;
+ border-bottom-left-radius: 12px;
+ }
+ .drip-btn-group-sm > .drip-btn.drip-btn-mode-rect:first-child:not(:last-child),
+ .drip-btn-group-sm > span:first-child:not(:last-child) > .drip-btn.drip-btn-mode-rect {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
- .ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
- .ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
+ .drip-btn-group-sm > .drip-btn:last-child:not(:first-child),
+ .drip-btn-group-sm > span:last-child:not(:first-child) > .drip-btn {
+ border-top-right-radius: 12px;
+ border-bottom-right-radius: 12px;
+ }
+ .drip-btn-group-sm > .drip-btn.drip-btn-mode-rect:last-child:not(:first-child),
+ .drip-btn-group-sm > span:last-child:not(:first-child) > .drip-btn.drip-btn-mode-rect {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
- .ant-btn-group > .ant-btn-group {
+ .drip-btn-group > .drip-btn-group {
float: left;
}
- .ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
+ .drip-btn-group > .drip-btn-group:not(:first-child):not(:last-child) > .drip-btn {
border-radius: 0;
}
- .ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
+ .drip-btn-group > .drip-btn-group:first-child:not(:last-child) > .drip-btn:last-child {
padding-right: 8px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
- .ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
+ .drip-btn-group > .drip-btn-group:last-child:not(:first-child) > .drip-btn:first-child {
padding-left: 8px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn,
- .ant-btn-rtl.ant-btn + .ant-btn-group,
- .ant-btn-rtl.ant-btn-group span + .ant-btn,
- .ant-btn-rtl.ant-btn-group .ant-btn + span,
- .ant-btn-rtl.ant-btn-group > span + span,
- .ant-btn-rtl.ant-btn-group + .ant-btn,
- .ant-btn-rtl.ant-btn-group + .ant-btn-group,
- .ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn,
- .ant-btn-group-rtl.ant-btn + .ant-btn-group,
- .ant-btn-group-rtl.ant-btn-group span + .ant-btn,
- .ant-btn-group-rtl.ant-btn-group .ant-btn + span,
- .ant-btn-group-rtl.ant-btn-group > span + span,
- .ant-btn-group-rtl.ant-btn-group + .ant-btn,
- .ant-btn-group-rtl.ant-btn-group + .ant-btn-group {
+ .drip-btn-rtl.drip-btn-group .drip-btn + .drip-btn,
+ .drip-btn-rtl.drip-btn + .drip-btn-group,
+ .drip-btn-rtl.drip-btn-group span + .drip-btn,
+ .drip-btn-rtl.drip-btn-group .drip-btn + span,
+ .drip-btn-rtl.drip-btn-group > span + span,
+ .drip-btn-rtl.drip-btn-group + .drip-btn,
+ .drip-btn-rtl.drip-btn-group + .drip-btn-group,
+ .drip-btn-group-rtl.drip-btn-group .drip-btn + .drip-btn,
+ .drip-btn-group-rtl.drip-btn + .drip-btn-group,
+ .drip-btn-group-rtl.drip-btn-group span + .drip-btn,
+ .drip-btn-group-rtl.drip-btn-group .drip-btn + span,
+ .drip-btn-group-rtl.drip-btn-group > span + span,
+ .drip-btn-group-rtl.drip-btn-group + .drip-btn,
+ .drip-btn-group-rtl.drip-btn-group + .drip-btn-group {
margin-right: -1px;
margin-left: auto;
}
- .ant-btn-group.ant-btn-group-rtl {
+ .drip-btn-group.drip-btn-group-rtl {
direction: rtl;
}
- .ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child),
- .ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
+ .drip-btn-group-rtl.drip-btn-group > .drip-btn:first-child:not(:last-child),
+ .drip-btn-group-rtl.drip-btn-group > span:first-child:not(:last-child) > .drip-btn {
border-top-left-radius: 0;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
+ border-top-right-radius: 16px;
+ border-bottom-right-radius: 16px;
border-bottom-left-radius: 0;
}
- .ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child),
- .ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
- border-top-left-radius: 2px;
+ .drip-btn-group-rtl.drip-btn-group > .drip-btn:last-child:not(:first-child),
+ .drip-btn-group-rtl.drip-btn-group > span:last-child:not(:first-child) > .drip-btn {
+ border-top-left-radius: 16px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
- border-bottom-left-radius: 2px;
+ border-bottom-left-radius: 16px;
}
- .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
- .ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
+ .drip-btn-group-rtl.drip-btn-group-sm > .drip-btn:first-child:not(:last-child),
+ .drip-btn-group-rtl.drip-btn-group-sm > span:first-child:not(:last-child) > .drip-btn {
border-top-left-radius: 0;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
+ border-top-right-radius: 12px;
+ border-bottom-right-radius: 12px;
border-bottom-left-radius: 0;
}
- .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
- .ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
- border-top-left-radius: 2px;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 2px;
+ .drip-btn-group-rtl.drip-btn-group-sm > .drip-btn:last-child:not(:first-child),
+ .drip-btn-group-rtl.drip-btn-group-sm > span:last-child:not(:first-child) > .drip-btn {
+ border-top-left-radius: 12px;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 12px;
+ }
+ .drip-btn:focus > span,
+ .drip-btn:active > span {
+ position: relative;
+ }
+ .drip-btn > .dripicon + span,
+ .drip-btn > span + .dripicon {
+ margin-left: 6px;
+ }
+ .drip-btn.drip-btn-background-ghost {
+ color: #fff;
+ border-color: #fff;
+ }
+ .drip-btn.drip-btn-background-ghost,
+ .drip-btn.drip-btn-background-ghost:hover,
+ .drip-btn.drip-btn-background-ghost:active,
+ .drip-btn.drip-btn-background-ghost:focus {
+ background: transparent;
+ }
+ .drip-btn.drip-btn-background-blue-ghost {
+ color: #fff;
+ border-color: #fff;
+ }
+ .drip-btn.drip-btn-background-blue-ghost,
+ .drip-btn.drip-btn-background-blue-ghost:hover,
+ .drip-btn.drip-btn-background-blue-ghost:active,
+ .drip-btn.drip-btn-background-blue-ghost:focus {
+ background: #F0F6FF;
+ }
+ .drip-btn-background-ghost.drip-btn-primary {
+ color: #2D64FF;
+ border-color: #2D64FF;
+ text-shadow: none;
+ }
+ .drip-btn-background-ghost.drip-btn-primary > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-ghost.drip-btn-primary > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-ghost.drip-btn-primary:hover,
+ .drip-btn-background-ghost.drip-btn-primary:focus {
+ color: #5789ff;
+ border-color: #5789ff;
+ }
+ .drip-btn-background-ghost.drip-btn-primary:hover > a:only-child,
+ .drip-btn-background-ghost.drip-btn-primary:focus > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-ghost.drip-btn-primary:hover > a:only-child::after,
+ .drip-btn-background-ghost.drip-btn-primary:focus > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-ghost.drip-btn-primary:active {
+ color: #1c48d9;
+ border-color: #1c48d9;
+ }
+ .drip-btn-background-ghost.drip-btn-primary:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-ghost.drip-btn-primary:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-ghost.drip-btn-primary[disabled],
+ .drip-btn-background-ghost.drip-btn-primary[disabled]:hover,
+ .drip-btn-background-ghost.drip-btn-primary[disabled]:focus,
+ .drip-btn-background-ghost.drip-btn-primary[disabled]:active {
+ color: rgba(0, 0, 0, 0.25);
+ border-color: #d9d9d9;
+ background: #F5F5F5;
+ text-shadow: none;
+ box-shadow: none;
+ }
+ .drip-btn-background-ghost.drip-btn-primary[disabled] > a:only-child,
+ .drip-btn-background-ghost.drip-btn-primary[disabled]:hover > a:only-child,
+ .drip-btn-background-ghost.drip-btn-primary[disabled]:focus > a:only-child,
+ .drip-btn-background-ghost.drip-btn-primary[disabled]:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-ghost.drip-btn-primary[disabled] > a:only-child::after,
+ .drip-btn-background-ghost.drip-btn-primary[disabled]:hover > a:only-child::after,
+ .drip-btn-background-ghost.drip-btn-primary[disabled]:focus > a:only-child::after,
+ .drip-btn-background-ghost.drip-btn-primary[disabled]:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-blue-ghost.drip-btn-primary {
+ color: #2D64FF;
+ border-color: #2D64FF;
+ text-shadow: none;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-primary > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-primary > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-blue-ghost.drip-btn-primary:hover,
+ .drip-btn-background-blue-ghost.drip-btn-primary:focus {
+ color: #5789ff;
+ border-color: #5789ff;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-primary:hover > a:only-child,
+ .drip-btn-background-blue-ghost.drip-btn-primary:focus > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-primary:hover > a:only-child::after,
+ .drip-btn-background-blue-ghost.drip-btn-primary:focus > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-blue-ghost.drip-btn-primary:active {
+ color: #1c48d9;
+ border-color: #1c48d9;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-primary:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-primary:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-blue-ghost.drip-btn-primary[disabled],
+ .drip-btn-background-blue-ghost.drip-btn-primary[disabled]:hover,
+ .drip-btn-background-blue-ghost.drip-btn-primary[disabled]:focus,
+ .drip-btn-background-blue-ghost.drip-btn-primary[disabled]:active {
+ color: rgba(0, 0, 0, 0.25);
+ border-color: #d9d9d9;
+ background: #F5F5F5;
+ text-shadow: none;
+ box-shadow: none;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-primary[disabled] > a:only-child,
+ .drip-btn-background-blue-ghost.drip-btn-primary[disabled]:hover > a:only-child,
+ .drip-btn-background-blue-ghost.drip-btn-primary[disabled]:focus > a:only-child,
+ .drip-btn-background-blue-ghost.drip-btn-primary[disabled]:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-primary[disabled] > a:only-child::after,
+ .drip-btn-background-blue-ghost.drip-btn-primary[disabled]:hover > a:only-child::after,
+ .drip-btn-background-blue-ghost.drip-btn-primary[disabled]:focus > a:only-child::after,
+ .drip-btn-background-blue-ghost.drip-btn-primary[disabled]:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-ghost.drip-btn-danger {
+ color: #FF4C4C;
+ border-color: #FF4C4C;
+ text-shadow: none;
+ }
+ .drip-btn-background-ghost.drip-btn-danger > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-ghost.drip-btn-danger > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-ghost.drip-btn-danger:hover,
+ .drip-btn-background-ghost.drip-btn-danger:focus {
+ color: #ff7a75;
+ border-color: #ff7a75;
+ }
+ .drip-btn-background-ghost.drip-btn-danger:hover > a:only-child,
+ .drip-btn-background-ghost.drip-btn-danger:focus > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-ghost.drip-btn-danger:hover > a:only-child::after,
+ .drip-btn-background-ghost.drip-btn-danger:focus > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-ghost.drip-btn-danger:active {
+ color: #d9363c;
+ border-color: #d9363c;
+ }
+ .drip-btn-background-ghost.drip-btn-danger:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-ghost.drip-btn-danger:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-ghost.drip-btn-danger[disabled],
+ .drip-btn-background-ghost.drip-btn-danger[disabled]:hover,
+ .drip-btn-background-ghost.drip-btn-danger[disabled]:focus,
+ .drip-btn-background-ghost.drip-btn-danger[disabled]:active {
+ color: rgba(0, 0, 0, 0.25);
+ border-color: #d9d9d9;
+ background: #F5F5F5;
+ text-shadow: none;
+ box-shadow: none;
+ }
+ .drip-btn-background-ghost.drip-btn-danger[disabled] > a:only-child,
+ .drip-btn-background-ghost.drip-btn-danger[disabled]:hover > a:only-child,
+ .drip-btn-background-ghost.drip-btn-danger[disabled]:focus > a:only-child,
+ .drip-btn-background-ghost.drip-btn-danger[disabled]:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-ghost.drip-btn-danger[disabled] > a:only-child::after,
+ .drip-btn-background-ghost.drip-btn-danger[disabled]:hover > a:only-child::after,
+ .drip-btn-background-ghost.drip-btn-danger[disabled]:focus > a:only-child::after,
+ .drip-btn-background-ghost.drip-btn-danger[disabled]:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous {
+ color: #FF4C4C;
+ border-color: #FF4C4C;
+ text-shadow: none;
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous:hover,
+ .drip-btn-background-ghost.drip-btn-dangerous:focus {
+ color: #ff7a75;
+ border-color: #ff7a75;
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous:hover > a:only-child,
+ .drip-btn-background-ghost.drip-btn-dangerous:focus > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous:hover > a:only-child::after,
+ .drip-btn-background-ghost.drip-btn-dangerous:focus > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous:active {
+ color: #d9363c;
+ border-color: #d9363c;
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous[disabled],
+ .drip-btn-background-ghost.drip-btn-dangerous[disabled]:hover,
+ .drip-btn-background-ghost.drip-btn-dangerous[disabled]:focus,
+ .drip-btn-background-ghost.drip-btn-dangerous[disabled]:active {
+ color: rgba(0, 0, 0, 0.25);
+ border-color: #d9d9d9;
+ background: #F5F5F5;
+ text-shadow: none;
+ box-shadow: none;
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous[disabled] > a:only-child,
+ .drip-btn-background-ghost.drip-btn-dangerous[disabled]:hover > a:only-child,
+ .drip-btn-background-ghost.drip-btn-dangerous[disabled]:focus > a:only-child,
+ .drip-btn-background-ghost.drip-btn-dangerous[disabled]:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous[disabled] > a:only-child::after,
+ .drip-btn-background-ghost.drip-btn-dangerous[disabled]:hover > a:only-child::after,
+ .drip-btn-background-ghost.drip-btn-dangerous[disabled]:focus > a:only-child::after,
+ .drip-btn-background-ghost.drip-btn-dangerous[disabled]:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link {
+ color: #FF4C4C;
+ border-color: transparent;
+ background: #FFF2F0;
+ text-shadow: none;
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link:hover,
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link:focus {
+ color: #ff7a75;
+ border-color: transparent;
+ background: #FFF2F0;
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link:hover > a:only-child,
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link:focus > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link:hover > a:only-child::after,
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link:focus > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link:active {
+ color: #d9363c;
+ border-color: transparent;
+ background: #FFF2F0;
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link[disabled],
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link[disabled]:hover,
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link[disabled]:focus,
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link[disabled]:active {
+ color: rgba(0, 0, 0, 0.25);
+ border-color: #d9d9d9;
+ background: #F5F5F5;
+ text-shadow: none;
+ box-shadow: none;
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link[disabled] > a:only-child,
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link[disabled]:hover > a:only-child,
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link[disabled]:focus > a:only-child,
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link[disabled]:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link[disabled] > a:only-child::after,
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link[disabled]:hover > a:only-child::after,
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link[disabled]:focus > a:only-child::after,
+ .drip-btn-background-ghost.drip-btn-dangerous.drip-btn-link[disabled]:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-blue-ghost.drip-btn-danger {
+ color: #FF4C4C;
+ border-color: #FF4C4C;
+ background: #FFF2F0;
+ text-shadow: none;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-danger > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-danger > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-blue-ghost.drip-btn-danger:hover,
+ .drip-btn-background-blue-ghost.drip-btn-danger:focus {
+ color: #ff7a75;
+ border-color: #ff7a75;
+ background: #FFF2F0;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-danger:hover > a:only-child,
+ .drip-btn-background-blue-ghost.drip-btn-danger:focus > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-danger:hover > a:only-child::after,
+ .drip-btn-background-blue-ghost.drip-btn-danger:focus > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-blue-ghost.drip-btn-danger:active {
+ color: #d9363c;
+ border-color: #d9363c;
+ background: #FFF2F0;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-danger:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-danger:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-blue-ghost.drip-btn-danger[disabled],
+ .drip-btn-background-blue-ghost.drip-btn-danger[disabled]:hover,
+ .drip-btn-background-blue-ghost.drip-btn-danger[disabled]:focus,
+ .drip-btn-background-blue-ghost.drip-btn-danger[disabled]:active {
+ color: rgba(0, 0, 0, 0.25);
+ border-color: #d9d9d9;
+ background: #F5F5F5;
+ text-shadow: none;
+ box-shadow: none;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-danger[disabled] > a:only-child,
+ .drip-btn-background-blue-ghost.drip-btn-danger[disabled]:hover > a:only-child,
+ .drip-btn-background-blue-ghost.drip-btn-danger[disabled]:focus > a:only-child,
+ .drip-btn-background-blue-ghost.drip-btn-danger[disabled]:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-danger[disabled] > a:only-child::after,
+ .drip-btn-background-blue-ghost.drip-btn-danger[disabled]:hover > a:only-child::after,
+ .drip-btn-background-blue-ghost.drip-btn-danger[disabled]:focus > a:only-child::after,
+ .drip-btn-background-blue-ghost.drip-btn-danger[disabled]:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous {
+ color: #FF4C4C;
+ border-color: #FF4C4C;
+ background: #FFF2F0;
+ text-shadow: none;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous:hover,
+ .drip-btn-background-blue-ghost.drip-btn-dangerous:focus {
+ color: #ff7a75;
+ border-color: #ff7a75;
+ background: #FFF2F0;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous:hover > a:only-child,
+ .drip-btn-background-blue-ghost.drip-btn-dangerous:focus > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous:hover > a:only-child::after,
+ .drip-btn-background-blue-ghost.drip-btn-dangerous:focus > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous:active {
+ color: #d9363c;
+ border-color: #d9363c;
+ background: #FFF2F0;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous[disabled],
+ .drip-btn-background-blue-ghost.drip-btn-dangerous[disabled]:hover,
+ .drip-btn-background-blue-ghost.drip-btn-dangerous[disabled]:focus,
+ .drip-btn-background-blue-ghost.drip-btn-dangerous[disabled]:active {
+ color: rgba(0, 0, 0, 0.25);
+ border-color: #d9d9d9;
+ background: #F5F5F5;
+ text-shadow: none;
+ box-shadow: none;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous[disabled] > a:only-child,
+ .drip-btn-background-blue-ghost.drip-btn-dangerous[disabled]:hover > a:only-child,
+ .drip-btn-background-blue-ghost.drip-btn-dangerous[disabled]:focus > a:only-child,
+ .drip-btn-background-blue-ghost.drip-btn-dangerous[disabled]:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous[disabled] > a:only-child::after,
+ .drip-btn-background-blue-ghost.drip-btn-dangerous[disabled]:hover > a:only-child::after,
+ .drip-btn-background-blue-ghost.drip-btn-dangerous[disabled]:focus > a:only-child::after,
+ .drip-btn-background-blue-ghost.drip-btn-dangerous[disabled]:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link {
+ color: #FF4C4C;
+ border-color: transparent;
+ background: #FFF2F0;
+ text-shadow: none;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link:hover,
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link:focus {
+ color: #ff7a75;
+ border-color: transparent;
+ background: #FFF2F0;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link:hover > a:only-child,
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link:focus > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link:hover > a:only-child::after,
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link:focus > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link:active {
+ color: #d9363c;
+ border-color: transparent;
+ background: #FFF2F0;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link[disabled],
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link[disabled]:hover,
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link[disabled]:focus,
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link[disabled]:active {
+ color: rgba(0, 0, 0, 0.25);
+ border-color: #d9d9d9;
+ background: #F5F5F5;
+ text-shadow: none;
+ box-shadow: none;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link[disabled] > a:only-child,
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link[disabled]:hover > a:only-child,
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link[disabled]:focus > a:only-child,
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link[disabled]:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link[disabled] > a:only-child::after,
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link[disabled]:hover > a:only-child::after,
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link[disabled]:focus > a:only-child::after,
+ .drip-btn-background-blue-ghost.drip-btn-dangerous.drip-btn-link[disabled]:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-two-chinese-chars::first-letter {
+ letter-spacing: 0.34em;
+ }
+ .drip-btn-two-chinese-chars > *:not(.dripicon) {
+ margin-right: -0.34em;
+ letter-spacing: 0.34em;
+ }
+ .drip-btn-block {
+ width: 100%;
+ }
+ .drip-btn:empty {
+ display: inline-block;
+ width: 0;
+ visibility: hidden;
+ content: '\a0';
+ }
+ .drip-btn-mode-rect {
+ box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
+ border-radius: 2px;
+ }
+ .drip-btn-mode-rect.drip-btn-primary {
+ color: #fff;
+ border-color: #2D64FF;
+ background: #2D64FF;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
+ box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
+ }
+ .drip-btn-mode-rect.drip-btn-primary > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-mode-rect.drip-btn-primary > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-mode-rect.drip-btn-primary:hover,
+ .drip-btn-mode-rect.drip-btn-primary:focus {
+ color: #fff;
+ border-color: #5789ff;
+ background: #5789ff;
+ }
+ .drip-btn-mode-rect.drip-btn-primary:hover > a:only-child,
+ .drip-btn-mode-rect.drip-btn-primary:focus > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-mode-rect.drip-btn-primary:hover > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-primary:focus > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-mode-rect.drip-btn-primary:active {
+ color: #fff;
+ border-color: #1c48d9;
+ background: #1c48d9;
+ }
+ .drip-btn-mode-rect.drip-btn-primary:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-mode-rect.drip-btn-primary:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-mode-rect.drip-btn-primary[disabled],
+ .drip-btn-mode-rect.drip-btn-primary[disabled]:hover,
+ .drip-btn-mode-rect.drip-btn-primary[disabled]:focus,
+ .drip-btn-mode-rect.drip-btn-primary[disabled]:active {
+ color: rgba(0, 0, 0, 0.25);
+ border-color: #d9d9d9;
+ background: #F5F5F5;
+ text-shadow: none;
+ box-shadow: none;
+ }
+ .drip-btn-mode-rect.drip-btn-primary[disabled] > a:only-child,
+ .drip-btn-mode-rect.drip-btn-primary[disabled]:hover > a:only-child,
+ .drip-btn-mode-rect.drip-btn-primary[disabled]:focus > a:only-child,
+ .drip-btn-mode-rect.drip-btn-primary[disabled]:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-mode-rect.drip-btn-primary[disabled] > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-primary[disabled]:hover > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-primary[disabled]:focus > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-primary[disabled]:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-mode-rect.drip-btn-ghost {
+ color: rgba(0, 0, 0, 0.82);
+ border-color: #d9d9d9;
+ background: transparent;
+ }
+ .drip-btn-mode-rect.drip-btn-ghost > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-mode-rect.drip-btn-ghost > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-mode-rect.drip-btn-ghost:hover,
+ .drip-btn-mode-rect.drip-btn-ghost:focus {
+ color: #5789ff;
+ border-color: #5789ff;
+ background: transparent;
+ }
+ .drip-btn-mode-rect.drip-btn-ghost:hover > a:only-child,
+ .drip-btn-mode-rect.drip-btn-ghost:focus > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-mode-rect.drip-btn-ghost:hover > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-ghost:focus > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-mode-rect.drip-btn-ghost:active {
+ color: #1c48d9;
+ border-color: #1c48d9;
+ background: transparent;
+ }
+ .drip-btn-mode-rect.drip-btn-ghost:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-mode-rect.drip-btn-ghost:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-mode-rect.drip-btn-ghost[disabled],
+ .drip-btn-mode-rect.drip-btn-ghost[disabled]:hover,
+ .drip-btn-mode-rect.drip-btn-ghost[disabled]:focus,
+ .drip-btn-mode-rect.drip-btn-ghost[disabled]:active {
+ color: rgba(0, 0, 0, 0.25);
+ border-color: #d9d9d9;
+ background: #F5F5F5;
+ text-shadow: none;
+ box-shadow: none;
+ }
+ .drip-btn-mode-rect.drip-btn-ghost[disabled] > a:only-child,
+ .drip-btn-mode-rect.drip-btn-ghost[disabled]:hover > a:only-child,
+ .drip-btn-mode-rect.drip-btn-ghost[disabled]:focus > a:only-child,
+ .drip-btn-mode-rect.drip-btn-ghost[disabled]:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-mode-rect.drip-btn-ghost[disabled] > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-ghost[disabled]:hover > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-ghost[disabled]:focus > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-ghost[disabled]:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-mode-rect.drip-btn-dashed {
+ color: rgba(0, 0, 0, 0.82);
+ border-color: #d9d9d9;
+ background: #fff;
+ border-style: dashed;
+ }
+ .drip-btn-mode-rect.drip-btn-dashed > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-mode-rect.drip-btn-dashed > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-mode-rect.drip-btn-dashed:hover,
+ .drip-btn-mode-rect.drip-btn-dashed:focus {
+ color: #5789ff;
+ border-color: #5789ff;
+ background: #fff;
+ }
+ .drip-btn-mode-rect.drip-btn-dashed:hover > a:only-child,
+ .drip-btn-mode-rect.drip-btn-dashed:focus > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-mode-rect.drip-btn-dashed:hover > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-dashed:focus > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-mode-rect.drip-btn-dashed:active {
+ color: #1c48d9;
+ border-color: #1c48d9;
+ background: #fff;
+ }
+ .drip-btn-mode-rect.drip-btn-dashed:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-mode-rect.drip-btn-dashed:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-mode-rect.drip-btn-dashed[disabled],
+ .drip-btn-mode-rect.drip-btn-dashed[disabled]:hover,
+ .drip-btn-mode-rect.drip-btn-dashed[disabled]:focus,
+ .drip-btn-mode-rect.drip-btn-dashed[disabled]:active {
+ color: rgba(0, 0, 0, 0.25);
+ border-color: #d9d9d9;
+ background: #F5F5F5;
+ text-shadow: none;
+ box-shadow: none;
+ }
+ .drip-btn-mode-rect.drip-btn-dashed[disabled] > a:only-child,
+ .drip-btn-mode-rect.drip-btn-dashed[disabled]:hover > a:only-child,
+ .drip-btn-mode-rect.drip-btn-dashed[disabled]:focus > a:only-child,
+ .drip-btn-mode-rect.drip-btn-dashed[disabled]:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-mode-rect.drip-btn-dashed[disabled] > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-dashed[disabled]:hover > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-dashed[disabled]:focus > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-dashed[disabled]:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-mode-rect.drip-btn-danger {
+ color: #fff;
+ border-color: #FF4C4C;
+ background: #FF4C4C;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
+ box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
+ }
+ .drip-btn-mode-rect.drip-btn-danger > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-mode-rect.drip-btn-danger > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-mode-rect.drip-btn-danger:hover,
+ .drip-btn-mode-rect.drip-btn-danger:focus {
+ color: #fff;
+ border-color: #ff7a75;
+ background: #ff7a75;
}
- .ant-btn:focus > span,
- .ant-btn:active > span {
- position: relative;
+ .drip-btn-mode-rect.drip-btn-danger:hover > a:only-child,
+ .drip-btn-mode-rect.drip-btn-danger:focus > a:only-child {
+ color: currentColor;
}
- .ant-btn > .anticon + span,
- .ant-btn > span + .anticon {
- margin-left: 8px;
+ .drip-btn-mode-rect.drip-btn-danger:hover > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-danger:focus > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
}
- .ant-btn-background-ghost {
+ .drip-btn-mode-rect.drip-btn-danger:active {
color: #fff;
- background: transparent !important;
- border-color: #fff;
+ border-color: #d9363c;
+ background: #d9363c;
}
- .ant-btn-background-ghost.ant-btn-primary {
- color: #1890ff;
+ .drip-btn-mode-rect.drip-btn-danger:active > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-mode-rect.drip-btn-danger:active > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
background: transparent;
- border-color: #1890ff;
+ content: '';
+ }
+ .drip-btn-mode-rect.drip-btn-danger[disabled],
+ .drip-btn-mode-rect.drip-btn-danger[disabled]:hover,
+ .drip-btn-mode-rect.drip-btn-danger[disabled]:focus,
+ .drip-btn-mode-rect.drip-btn-danger[disabled]:active {
+ color: rgba(0, 0, 0, 0.25);
+ border-color: #d9d9d9;
+ background: #F5F5F5;
text-shadow: none;
+ box-shadow: none;
}
- .ant-btn-background-ghost.ant-btn-primary > a:only-child {
+ .drip-btn-mode-rect.drip-btn-danger[disabled] > a:only-child,
+ .drip-btn-mode-rect.drip-btn-danger[disabled]:hover > a:only-child,
+ .drip-btn-mode-rect.drip-btn-danger[disabled]:focus > a:only-child,
+ .drip-btn-mode-rect.drip-btn-danger[disabled]:active > a:only-child {
color: currentColor;
}
- .ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
+ .drip-btn-mode-rect.drip-btn-danger[disabled] > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-danger[disabled]:hover > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-danger[disabled]:focus > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-danger[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6972,18 +8250,36 @@
background: transparent;
content: '';
}
- .ant-btn-background-ghost.ant-btn-primary:hover,
- .ant-btn-background-ghost.ant-btn-primary:focus {
- color: #40a9ff;
+ .drip-btn-mode-rect.drip-btn-link {
+ color: #2D64FF;
+ border-color: transparent;
+ background: transparent;
+ box-shadow: none;
+ }
+ .drip-btn-mode-rect.drip-btn-link > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-mode-rect.drip-btn-link > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-mode-rect.drip-btn-link:hover,
+ .drip-btn-mode-rect.drip-btn-link:focus {
+ color: #5789ff;
+ border-color: #5789ff;
background: transparent;
- border-color: #40a9ff;
}
- .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
- .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
+ .drip-btn-mode-rect.drip-btn-link:hover > a:only-child,
+ .drip-btn-mode-rect.drip-btn-link:focus > a:only-child {
color: currentColor;
}
- .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
- .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
+ .drip-btn-mode-rect.drip-btn-link:hover > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-link:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -6992,15 +8288,15 @@
background: transparent;
content: '';
}
- .ant-btn-background-ghost.ant-btn-primary:active {
- color: #096dd9;
+ .drip-btn-mode-rect.drip-btn-link:active {
+ color: #1c48d9;
+ border-color: #1c48d9;
background: transparent;
- border-color: #096dd9;
}
- .ant-btn-background-ghost.ant-btn-primary:active > a:only-child {
+ .drip-btn-mode-rect.drip-btn-link:active > a:only-child {
color: currentColor;
}
- .ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after {
+ .drip-btn-mode-rect.drip-btn-link:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -7009,26 +8305,26 @@
background: transparent;
content: '';
}
- .ant-btn-background-ghost.ant-btn-primary[disabled],
- .ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
- .ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
- .ant-btn-background-ghost.ant-btn-primary[disabled]:active {
+ .drip-btn-mode-rect.drip-btn-link[disabled],
+ .drip-btn-mode-rect.drip-btn-link[disabled]:hover,
+ .drip-btn-mode-rect.drip-btn-link[disabled]:focus,
+ .drip-btn-mode-rect.drip-btn-link[disabled]:active {
color: rgba(0, 0, 0, 0.25);
- background: #f5f5f5;
border-color: #d9d9d9;
+ background: #F5F5F5;
text-shadow: none;
box-shadow: none;
}
- .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
- .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
- .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
- .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child {
+ .drip-btn-mode-rect.drip-btn-link[disabled] > a:only-child,
+ .drip-btn-mode-rect.drip-btn-link[disabled]:hover > a:only-child,
+ .drip-btn-mode-rect.drip-btn-link[disabled]:focus > a:only-child,
+ .drip-btn-mode-rect.drip-btn-link[disabled]:active > a:only-child {
color: currentColor;
}
- .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
- .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
- .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
- .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after {
+ .drip-btn-mode-rect.drip-btn-link[disabled] > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-link[disabled]:hover > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-link[disabled]:focus > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-link[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -7037,16 +8333,34 @@
background: transparent;
content: '';
}
- .ant-btn-background-ghost.ant-btn-danger {
- color: #ff4d4f;
+ .drip-btn-mode-rect.drip-btn-link:hover {
+ background: transparent;
+ }
+ .drip-btn-mode-rect.drip-btn-link:hover,
+ .drip-btn-mode-rect.drip-btn-link:focus,
+ .drip-btn-mode-rect.drip-btn-link:active {
+ border-color: transparent;
+ }
+ .drip-btn-mode-rect.drip-btn-link[disabled],
+ .drip-btn-mode-rect.drip-btn-link[disabled]:hover,
+ .drip-btn-mode-rect.drip-btn-link[disabled]:focus,
+ .drip-btn-mode-rect.drip-btn-link[disabled]:active {
+ color: rgba(0, 0, 0, 0.25);
+ border-color: transparent;
background: transparent;
- border-color: #ff4d4f;
text-shadow: none;
+ box-shadow: none;
}
- .ant-btn-background-ghost.ant-btn-danger > a:only-child {
+ .drip-btn-mode-rect.drip-btn-link[disabled] > a:only-child,
+ .drip-btn-mode-rect.drip-btn-link[disabled]:hover > a:only-child,
+ .drip-btn-mode-rect.drip-btn-link[disabled]:focus > a:only-child,
+ .drip-btn-mode-rect.drip-btn-link[disabled]:active > a:only-child {
color: currentColor;
}
- .ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
+ .drip-btn-mode-rect.drip-btn-link[disabled] > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-link[disabled]:hover > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-link[disabled]:focus > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-link[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -7055,18 +8369,16 @@
background: transparent;
content: '';
}
- .ant-btn-background-ghost.ant-btn-danger:hover,
- .ant-btn-background-ghost.ant-btn-danger:focus {
- color: #ff7875;
+ .drip-btn-mode-rect.drip-btn-text {
+ color: rgba(0, 0, 0, 0.85);
+ border-color: transparent;
background: transparent;
- border-color: #ff7875;
+ box-shadow: none;
}
- .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
- .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
+ .drip-btn-mode-rect.drip-btn-text > a:only-child {
color: currentColor;
}
- .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
- .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
+ .drip-btn-mode-rect.drip-btn-text > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -7075,15 +8387,35 @@
background: transparent;
content: '';
}
- .ant-btn-background-ghost.ant-btn-danger:active {
- color: #d9363e;
+ .drip-btn-mode-rect.drip-btn-text:hover,
+ .drip-btn-mode-rect.drip-btn-text:focus {
+ color: #5789ff;
+ border-color: #5789ff;
+ background: transparent;
+ }
+ .drip-btn-mode-rect.drip-btn-text:hover > a:only-child,
+ .drip-btn-mode-rect.drip-btn-text:focus > a:only-child {
+ color: currentColor;
+ }
+ .drip-btn-mode-rect.drip-btn-text:hover > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-text:focus > a:only-child::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: transparent;
+ content: '';
+ }
+ .drip-btn-mode-rect.drip-btn-text:active {
+ color: #1c48d9;
+ border-color: #1c48d9;
background: transparent;
- border-color: #d9363e;
}
- .ant-btn-background-ghost.ant-btn-danger:active > a:only-child {
+ .drip-btn-mode-rect.drip-btn-text:active > a:only-child {
color: currentColor;
}
- .ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after {
+ .drip-btn-mode-rect.drip-btn-text:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -7092,26 +8424,26 @@
background: transparent;
content: '';
}
- .ant-btn-background-ghost.ant-btn-danger[disabled],
- .ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
- .ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
- .ant-btn-background-ghost.ant-btn-danger[disabled]:active {
+ .drip-btn-mode-rect.drip-btn-text[disabled],
+ .drip-btn-mode-rect.drip-btn-text[disabled]:hover,
+ .drip-btn-mode-rect.drip-btn-text[disabled]:focus,
+ .drip-btn-mode-rect.drip-btn-text[disabled]:active {
color: rgba(0, 0, 0, 0.25);
- background: #f5f5f5;
border-color: #d9d9d9;
+ background: #F5F5F5;
text-shadow: none;
box-shadow: none;
}
- .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
- .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
- .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
- .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child {
+ .drip-btn-mode-rect.drip-btn-text[disabled] > a:only-child,
+ .drip-btn-mode-rect.drip-btn-text[disabled]:hover > a:only-child,
+ .drip-btn-mode-rect.drip-btn-text[disabled]:focus > a:only-child,
+ .drip-btn-mode-rect.drip-btn-text[disabled]:active > a:only-child {
color: currentColor;
}
- .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
- .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
- .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
- .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after {
+ .drip-btn-mode-rect.drip-btn-text[disabled] > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-text[disabled]:hover > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-text[disabled]:focus > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-text[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -7120,16 +8452,37 @@
background: transparent;
content: '';
}
- .ant-btn-background-ghost.ant-btn-dangerous {
- color: #ff4d4f;
+ .drip-btn-mode-rect.drip-btn-text:hover,
+ .drip-btn-mode-rect.drip-btn-text:focus {
+ color: rgba(0, 0, 0, 0.85);
+ background: rgba(0, 0, 0, 0.018);
+ border-color: transparent;
+ }
+ .drip-btn-mode-rect.drip-btn-text:active {
+ color: rgba(0, 0, 0, 0.85);
+ background: rgba(0, 0, 0, 0.028);
+ border-color: transparent;
+ }
+ .drip-btn-mode-rect.drip-btn-text[disabled],
+ .drip-btn-mode-rect.drip-btn-text[disabled]:hover,
+ .drip-btn-mode-rect.drip-btn-text[disabled]:focus,
+ .drip-btn-mode-rect.drip-btn-text[disabled]:active {
+ color: rgba(0, 0, 0, 0.25);
+ border-color: transparent;
background: transparent;
- border-color: #ff4d4f;
text-shadow: none;
+ box-shadow: none;
}
- .ant-btn-background-ghost.ant-btn-dangerous > a:only-child {
+ .drip-btn-mode-rect.drip-btn-text[disabled] > a:only-child,
+ .drip-btn-mode-rect.drip-btn-text[disabled]:hover > a:only-child,
+ .drip-btn-mode-rect.drip-btn-text[disabled]:focus > a:only-child,
+ .drip-btn-mode-rect.drip-btn-text[disabled]:active > a:only-child {
color: currentColor;
}
- .ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after {
+ .drip-btn-mode-rect.drip-btn-text[disabled] > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-text[disabled]:hover > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-text[disabled]:focus > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-text[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -7138,18 +8491,16 @@
background: transparent;
content: '';
}
- .ant-btn-background-ghost.ant-btn-dangerous:hover,
- .ant-btn-background-ghost.ant-btn-dangerous:focus {
- color: #ff7875;
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text {
+ color: #ff4d4f;
+ border-color: transparent;
background: transparent;
- border-color: #ff7875;
+ box-shadow: none;
}
- .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child,
- .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child {
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text > a:only-child {
color: currentColor;
}
- .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after,
- .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after {
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -7158,15 +8509,18 @@
background: transparent;
content: '';
}
- .ant-btn-background-ghost.ant-btn-dangerous:active {
- color: #d9363e;
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text:hover,
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text:focus {
+ color: #5789ff;
+ border-color: #5789ff;
background: transparent;
- border-color: #d9363e;
}
- .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child {
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text:hover > a:only-child,
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text:focus > a:only-child {
color: currentColor;
}
- .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after {
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text:hover > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -7175,26 +8529,15 @@
background: transparent;
content: '';
}
- .ant-btn-background-ghost.ant-btn-dangerous[disabled],
- .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover,
- .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
- .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active {
- color: rgba(0, 0, 0, 0.25);
- background: #f5f5f5;
- border-color: #d9d9d9;
- text-shadow: none;
- box-shadow: none;
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text:active {
+ color: #1c48d9;
+ border-color: #1c48d9;
+ background: transparent;
}
- .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child,
- .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child,
- .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child,
- .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child {
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text:active > a:only-child {
color: currentColor;
}
- .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after,
- .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after,
- .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after,
- .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after {
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -7203,16 +8546,26 @@
background: transparent;
content: '';
}
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
- color: #ff4d4f;
- background: transparent;
- border-color: transparent;
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled],
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled]:hover,
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled]:focus,
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled]:active {
+ color: rgba(0, 0, 0, 0.25);
+ border-color: #d9d9d9;
+ background: #F5F5F5;
text-shadow: none;
+ box-shadow: none;
}
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child {
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled] > a:only-child,
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled]:hover > a:only-child,
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled]:focus > a:only-child,
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled]:active > a:only-child {
color: currentColor;
}
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after {
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled] > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled]:hover > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled]:focus > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -7221,18 +8574,18 @@
background: transparent;
content: '';
}
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover,
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus {
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text:hover,
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text:focus {
color: #ff7875;
- background: transparent;
border-color: transparent;
+ background: rgba(0, 0, 0, 0.018);
}
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text:hover > a:only-child,
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text:focus > a:only-child {
color: currentColor;
}
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text:hover > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -7241,15 +8594,15 @@
background: transparent;
content: '';
}
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text:active {
color: #d9363e;
- background: transparent;
border-color: transparent;
+ background: rgba(0, 0, 0, 0.028);
}
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child {
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text:active > a:only-child {
color: currentColor;
}
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -7258,26 +8611,26 @@
background: transparent;
content: '';
}
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover,
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active {
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled],
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled]:hover,
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled]:focus,
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled]:active {
color: rgba(0, 0, 0, 0.25);
- background: #f5f5f5;
- border-color: #d9d9d9;
+ border-color: transparent;
+ background: transparent;
text-shadow: none;
box-shadow: none;
}
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled] > a:only-child,
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled]:hover > a:only-child,
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled]:focus > a:only-child,
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled]:active > a:only-child {
color: currentColor;
}
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
- .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled] > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled]:hover > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled]:focus > a:only-child::after,
+ .drip-btn-mode-rect.drip-btn-dangerous.drip-btn-mode-rect-text[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
@@ -7286,55 +8639,39 @@
background: transparent;
content: '';
}
- .ant-btn-two-chinese-chars::first-letter {
- letter-spacing: 0.34em;
- }
- .ant-btn-two-chinese-chars > *:not(.anticon) {
- margin-right: -0.34em;
- letter-spacing: 0.34em;
- }
- .ant-btn-block {
- width: 100%;
- }
- .ant-btn:empty {
- display: inline-block;
- width: 0;
- visibility: hidden;
- content: '\a0';
- }
- a.ant-btn {
+ a.drip-btn {
padding-top: 0.01px !important;
line-height: 30px;
}
- a.ant-btn-lg {
+ a.drip-btn-lg {
line-height: 38px;
}
- a.ant-btn-sm {
+ a.drip-btn-sm {
line-height: 22px;
}
- .ant-btn-rtl {
+ .drip-btn-rtl {
direction: rtl;
}
- .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
- .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary {
- border-right-color: #40a9ff;
+ .drip-btn-group-rtl.drip-btn-group .drip-btn-primary:last-child:not(:first-child),
+ .drip-btn-group-rtl.drip-btn-group .drip-btn-primary + .drip-btn-primary {
+ border-right-color: #5789ff;
border-left-color: #d9d9d9;
}
- .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
- .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
+ .drip-btn-group-rtl.drip-btn-group .drip-btn-primary:last-child:not(:first-child)[disabled],
+ .drip-btn-group-rtl.drip-btn-group .drip-btn-primary + .drip-btn-primary[disabled] {
border-right-color: #d9d9d9;
- border-left-color: #40a9ff;
+ border-left-color: #5789ff;
}
- .ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
+ .drip-btn-rtl.drip-btn > .drip-btn-loading-icon .dripicon {
padding-right: 0;
padding-left: 8px;
}
- .ant-btn > .ant-btn-loading-icon:only-child .anticon {
+ .drip-btn > .drip-btn-loading-icon:only-child .dripicon {
padding-right: 0;
padding-left: 0;
}
- .ant-btn-rtl.ant-btn > .anticon + span,
- .ant-btn-rtl.ant-btn > span + .anticon {
+ .drip-btn-rtl.drip-btn > .dripicon + span,
+ .drip-btn-rtl.drip-btn > span + .dripicon {
margin-right: 8px;
margin-left: 0;
}
@@ -7343,11 +8680,11 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-picker-calendar {
+ .drip-picker-calendar {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -7355,93 +8692,93 @@
font-feature-settings: 'tnum';
background: #fff;
}
- .ant-picker-calendar-header {
+ .drip-picker-calendar-header {
display: flex;
justify-content: flex-end;
padding: 12px 0;
}
- .ant-picker-calendar-header .ant-picker-calendar-year-select {
+ .drip-picker-calendar-header .drip-picker-calendar-year-select {
min-width: 80px;
}
- .ant-picker-calendar-header .ant-picker-calendar-month-select {
+ .drip-picker-calendar-header .drip-picker-calendar-month-select {
min-width: 70px;
margin-left: 8px;
}
- .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
+ .drip-picker-calendar-header .drip-picker-calendar-mode-switch {
margin-left: 8px;
}
- .ant-picker-calendar .ant-picker-panel {
+ .drip-picker-calendar .drip-picker-panel {
background: #fff;
border: 0;
border-top: 1px solid #f0f0f0;
border-radius: 0;
}
- .ant-picker-calendar .ant-picker-panel .ant-picker-month-panel,
- .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel {
+ .drip-picker-calendar .drip-picker-panel .drip-picker-month-panel,
+ .drip-picker-calendar .drip-picker-panel .drip-picker-date-panel {
width: auto;
}
- .ant-picker-calendar .ant-picker-panel .ant-picker-body {
+ .drip-picker-calendar .drip-picker-panel .drip-picker-body {
padding: 8px 0;
}
- .ant-picker-calendar .ant-picker-panel .ant-picker-content {
+ .drip-picker-calendar .drip-picker-panel .drip-picker-content {
width: 100%;
}
- .ant-picker-calendar-mini {
+ .drip-picker-calendar-mini {
border-radius: 2px;
}
- .ant-picker-calendar-mini .ant-picker-calendar-header {
+ .drip-picker-calendar-mini .drip-picker-calendar-header {
padding-right: 8px;
padding-left: 8px;
}
- .ant-picker-calendar-mini .ant-picker-panel {
+ .drip-picker-calendar-mini .drip-picker-panel {
border-radius: 0 0 2px 2px;
}
- .ant-picker-calendar-mini .ant-picker-content {
+ .drip-picker-calendar-mini .drip-picker-content {
height: 256px;
}
- .ant-picker-calendar-mini .ant-picker-content th {
+ .drip-picker-calendar-mini .drip-picker-content th {
height: auto;
padding: 0;
line-height: 18px;
}
- .ant-picker-calendar-full .ant-picker-panel {
+ .drip-picker-calendar-full .drip-picker-panel {
display: block;
width: 100%;
text-align: right;
background: #fff;
border: 0;
}
- .ant-picker-calendar-full .ant-picker-panel .ant-picker-body th,
- .ant-picker-calendar-full .ant-picker-panel .ant-picker-body td {
+ .drip-picker-calendar-full .drip-picker-panel .drip-picker-body th,
+ .drip-picker-calendar-full .drip-picker-panel .drip-picker-body td {
padding: 0;
}
- .ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
+ .drip-picker-calendar-full .drip-picker-panel .drip-picker-body th {
height: auto;
padding: 0 12px 5px 0;
line-height: 18px;
}
- .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before {
+ .drip-picker-calendar-full .drip-picker-panel .drip-picker-cell::before {
display: none;
}
- .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date {
+ .drip-picker-calendar-full .drip-picker-panel .drip-picker-cell:hover .drip-picker-calendar-date {
background: #f5f5f5;
}
- .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-date-today::before {
+ .drip-picker-calendar-full .drip-picker-panel .drip-picker-cell .drip-picker-calendar-date-today::before {
display: none;
}
- .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date,
- .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date,
- .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today,
- .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today {
- background: #e6f7ff;
+ .drip-picker-calendar-full .drip-picker-panel .drip-picker-cell-selected .drip-picker-calendar-date,
+ .drip-picker-calendar-full .drip-picker-panel .drip-picker-cell-selected:hover .drip-picker-calendar-date,
+ .drip-picker-calendar-full .drip-picker-panel .drip-picker-cell-selected .drip-picker-calendar-date-today,
+ .drip-picker-calendar-full .drip-picker-panel .drip-picker-cell-selected:hover .drip-picker-calendar-date-today {
+ background: #f0f6ff;
}
- .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value,
- .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value,
- .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value,
- .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
- color: #1890ff;
+ .drip-picker-calendar-full .drip-picker-panel .drip-picker-cell-selected .drip-picker-calendar-date .drip-picker-calendar-date-value,
+ .drip-picker-calendar-full .drip-picker-panel .drip-picker-cell-selected:hover .drip-picker-calendar-date .drip-picker-calendar-date-value,
+ .drip-picker-calendar-full .drip-picker-panel .drip-picker-cell-selected .drip-picker-calendar-date-today .drip-picker-calendar-date-value,
+ .drip-picker-calendar-full .drip-picker-panel .drip-picker-cell-selected:hover .drip-picker-calendar-date-today .drip-picker-calendar-date-value {
+ color: #2D64FF;
}
- .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
+ .drip-picker-calendar-full .drip-picker-panel .drip-picker-calendar-date {
display: block;
width: auto;
height: auto;
@@ -7452,63 +8789,63 @@
border-radius: 0;
transition: background 0.3s;
}
- .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value {
+ .drip-picker-calendar-full .drip-picker-panel .drip-picker-calendar-date-value {
line-height: 24px;
transition: color 0.3s;
}
- .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
+ .drip-picker-calendar-full .drip-picker-panel .drip-picker-calendar-date-content {
position: static;
width: auto;
height: 86px;
overflow-y: auto;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
line-height: 1.5715;
text-align: left;
}
- .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today {
- border-color: #1890ff;
+ .drip-picker-calendar-full .drip-picker-panel .drip-picker-calendar-date-today {
+ border-color: #2D64FF;
}
- .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
- color: rgba(0, 0, 0, 0.85);
+ .drip-picker-calendar-full .drip-picker-panel .drip-picker-calendar-date-today .drip-picker-calendar-date-value {
+ color: rgba(0, 0, 0, 0.82);
}
@media only screen and (max-width: 480px) {
- .ant-picker-calendar-header {
+ .drip-picker-calendar-header {
display: block;
}
- .ant-picker-calendar-header .ant-picker-calendar-year-select {
+ .drip-picker-calendar-header .drip-picker-calendar-year-select {
width: 50%;
}
- .ant-picker-calendar-header .ant-picker-calendar-month-select {
+ .drip-picker-calendar-header .drip-picker-calendar-month-select {
width: calc(50% - 8px);
}
- .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
+ .drip-picker-calendar-header .drip-picker-calendar-mode-switch {
width: 100%;
margin-top: 8px;
margin-left: 0;
}
- .ant-picker-calendar-header .ant-picker-calendar-mode-switch > label {
+ .drip-picker-calendar-header .drip-picker-calendar-mode-switch > label {
width: 50%;
text-align: center;
}
}
- .ant-picker-calendar-rtl {
+ .drip-picker-calendar-rtl {
direction: rtl;
}
- .ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select {
+ .drip-picker-calendar-rtl .drip-picker-calendar-header .drip-picker-calendar-month-select {
margin-right: 8px;
margin-left: 0;
}
- .ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
+ .drip-picker-calendar-rtl .drip-picker-calendar-header .drip-picker-calendar-mode-switch {
margin-right: 8px;
margin-left: 0;
}
- .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel {
+ .drip-picker-calendar-rtl.drip-picker-calendar-full .drip-picker-panel {
text-align: left;
}
- .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
+ .drip-picker-calendar-rtl.drip-picker-calendar-full .drip-picker-panel .drip-picker-body th {
padding: 0 0 5px 12px;
}
- .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
+ .drip-picker-calendar-rtl.drip-picker-calendar-full .drip-picker-panel .drip-picker-calendar-date-content {
text-align: right;
}
@@ -7516,11 +8853,11 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-radio-group {
+ .drip-radio-group {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -7529,17 +8866,17 @@
display: inline-block;
font-size: 0;
}
- .ant-radio-group .ant-badge-count {
+ .drip-radio-group .drip-badge-count {
z-index: 1;
}
- .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
+ .drip-radio-group > .drip-badge:not(:first-child) > .drip-radio-button-wrapper {
border-left: none;
}
- .ant-radio-wrapper {
+ .drip-radio-wrapper {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -7551,17 +8888,17 @@
margin-right: 8px;
cursor: pointer;
}
- .ant-radio-wrapper::after {
+ .drip-radio-wrapper::after {
display: inline-block;
width: 0;
overflow: hidden;
content: '\a0';
}
- .ant-radio {
+ .drip-radio {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -7573,34 +8910,34 @@
outline: none;
cursor: pointer;
}
- .ant-radio-wrapper:hover .ant-radio,
- .ant-radio:hover .ant-radio-inner,
- .ant-radio-input:focus + .ant-radio-inner {
- border-color: #1890ff;
+ .drip-radio-wrapper:hover .drip-radio,
+ .drip-radio:hover .drip-radio-inner,
+ .drip-radio-input:focus + .drip-radio-inner {
+ border-color: #2D64FF;
}
- .ant-radio-input:focus + .ant-radio-inner {
- box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
+ .drip-radio-input:focus + .drip-radio-inner {
+ box-shadow: none;
}
- .ant-radio-checked::after {
+ .drip-radio-checked::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
- border: 1px solid #1890ff;
+ border: 1px solid #2D64FF;
border-radius: 50%;
visibility: hidden;
- -webkit-animation: antRadioEffect 0.36s ease-in-out;
- animation: antRadioEffect 0.36s ease-in-out;
+ -webkit-animation: dripRadioEffect 0.36s ease-in-out;
+ animation: dripRadioEffect 0.36s ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
content: '';
}
- .ant-radio:hover::after,
- .ant-radio-wrapper:hover .ant-radio::after {
+ .drip-radio:hover::after,
+ .drip-radio-wrapper:hover .drip-radio::after {
visibility: visible;
}
- .ant-radio-inner {
+ .drip-radio-inner {
position: relative;
top: 0;
left: 0;
@@ -7614,14 +8951,14 @@
border-radius: 50%;
transition: all 0.3s;
}
- .ant-radio-inner::after {
+ .drip-radio-inner::after {
position: absolute;
top: 3px;
left: 3px;
display: block;
width: 8px;
height: 8px;
- background-color: #1890ff;
+ background-color: #2D64FF;
border-top: 0;
border-left: 0;
border-radius: 8px;
@@ -7630,7 +8967,7 @@
transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
content: ' ';
}
- .ant-radio-input {
+ .drip-radio-input {
position: absolute;
top: 0;
right: 0;
@@ -7640,43 +8977,43 @@
cursor: pointer;
opacity: 0;
}
- .ant-radio-checked .ant-radio-inner {
- border-color: #1890ff;
+ .drip-radio-checked .drip-radio-inner {
+ border-color: #2D64FF;
}
- .ant-radio-checked .ant-radio-inner::after {
+ .drip-radio-checked .drip-radio-inner::after {
transform: scale(1);
opacity: 1;
transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
- .ant-radio-disabled {
+ .drip-radio-disabled {
cursor: not-allowed;
}
- .ant-radio-disabled .ant-radio-inner {
+ .drip-radio-disabled .drip-radio-inner {
background-color: #f5f5f5;
border-color: #d9d9d9 !important;
cursor: not-allowed;
}
- .ant-radio-disabled .ant-radio-inner::after {
+ .drip-radio-disabled .drip-radio-inner::after {
background-color: rgba(0, 0, 0, 0.2);
}
- .ant-radio-disabled .ant-radio-input {
+ .drip-radio-disabled .drip-radio-input {
cursor: not-allowed;
}
- .ant-radio-disabled + span {
+ .drip-radio-disabled + span {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
- span.ant-radio + * {
+ span.drip-radio + * {
padding-right: 8px;
padding-left: 8px;
}
- .ant-radio-button-wrapper {
+ .drip-radio-button-wrapper {
position: relative;
display: inline-block;
height: 32px;
margin: 0;
padding: 0 15px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
line-height: 30px;
background: #fff;
@@ -7684,12 +9021,12 @@
border-top-width: 1.02px;
border-left-width: 0;
cursor: pointer;
- transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
+ transition: color 0.3s, background 0.3s, border-color 0.3s;
}
- .ant-radio-button-wrapper a {
- color: rgba(0, 0, 0, 0.85);
+ .drip-radio-button-wrapper a {
+ color: rgba(0, 0, 0, 0.82);
}
- .ant-radio-button-wrapper > .ant-radio-button {
+ .drip-radio-button-wrapper > .drip-radio-button {
position: absolute;
top: 0;
left: 0;
@@ -7697,17 +9034,17 @@
width: 100%;
height: 100%;
}
- .ant-radio-group-large .ant-radio-button-wrapper {
+ .drip-radio-group-large .drip-radio-button-wrapper {
height: 40px;
font-size: 16px;
line-height: 38px;
}
- .ant-radio-group-small .ant-radio-button-wrapper {
+ .drip-radio-group-small .drip-radio-button-wrapper {
height: 24px;
padding: 0 7px;
line-height: 22px;
}
- .ant-radio-button-wrapper:not(:first-child)::before {
+ .drip-radio-button-wrapper:not(:first-child)::before {
position: absolute;
top: -1px;
left: -1px;
@@ -7720,100 +9057,100 @@
transition: background-color 0.3s;
content: '';
}
- .ant-radio-button-wrapper:first-child {
+ .drip-radio-button-wrapper:first-child {
border-left: 1px solid #d9d9d9;
border-radius: 2px 0 0 2px;
}
- .ant-radio-button-wrapper:last-child {
+ .drip-radio-button-wrapper:last-child {
border-radius: 0 2px 2px 0;
}
- .ant-radio-button-wrapper:first-child:last-child {
+ .drip-radio-button-wrapper:first-child:last-child {
border-radius: 2px;
}
- .ant-radio-button-wrapper:hover {
+ .drip-radio-button-wrapper:hover {
position: relative;
- color: #1890ff;
+ color: #2D64FF;
}
- .ant-radio-button-wrapper:focus-within {
- box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
+ .drip-radio-button-wrapper:focus-within {
+ box-shadow: none;
}
- .ant-radio-button-wrapper .ant-radio-inner,
- .ant-radio-button-wrapper input[type='checkbox'],
- .ant-radio-button-wrapper input[type='radio'] {
+ .drip-radio-button-wrapper .drip-radio-inner,
+ .drip-radio-button-wrapper input[type='checkbox'],
+ .drip-radio-button-wrapper input[type='radio'] {
width: 0;
height: 0;
opacity: 0;
pointer-events: none;
}
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
+ .drip-radio-button-wrapper-checked:not(.drip-radio-button-wrapper-disabled) {
z-index: 1;
- color: #1890ff;
+ color: #2D64FF;
background: #fff;
- border-color: #1890ff;
+ border-color: #2D64FF;
}
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
- background-color: #1890ff;
+ .drip-radio-button-wrapper-checked:not(.drip-radio-button-wrapper-disabled)::before {
+ background-color: #2D64FF;
}
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
- border-color: #1890ff;
+ .drip-radio-button-wrapper-checked:not(.drip-radio-button-wrapper-disabled):first-child {
+ border-color: #2D64FF;
}
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
- color: #40a9ff;
- border-color: #40a9ff;
+ .drip-radio-button-wrapper-checked:not(.drip-radio-button-wrapper-disabled):hover {
+ color: #5789ff;
+ border-color: #5789ff;
}
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
- background-color: #40a9ff;
+ .drip-radio-button-wrapper-checked:not(.drip-radio-button-wrapper-disabled):hover::before {
+ background-color: #5789ff;
}
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
- color: #096dd9;
- border-color: #096dd9;
+ .drip-radio-button-wrapper-checked:not(.drip-radio-button-wrapper-disabled):active {
+ color: #1c48d9;
+ border-color: #1c48d9;
}
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
- background-color: #096dd9;
+ .drip-radio-button-wrapper-checked:not(.drip-radio-button-wrapper-disabled):active::before {
+ background-color: #1c48d9;
}
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
- box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
+ .drip-radio-button-wrapper-checked:not(.drip-radio-button-wrapper-disabled):focus-within {
+ box-shadow: none;
}
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
+ .drip-radio-group-solid .drip-radio-button-wrapper-checked:not(.drip-radio-button-wrapper-disabled) {
color: #fff;
- background: #1890ff;
- border-color: #1890ff;
+ background: #2D64FF;
+ border-color: #2D64FF;
}
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
+ .drip-radio-group-solid .drip-radio-button-wrapper-checked:not(.drip-radio-button-wrapper-disabled):hover {
color: #fff;
- background: #40a9ff;
- border-color: #40a9ff;
+ background: #5789ff;
+ border-color: #5789ff;
}
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
+ .drip-radio-group-solid .drip-radio-button-wrapper-checked:not(.drip-radio-button-wrapper-disabled):active {
color: #fff;
- background: #096dd9;
- border-color: #096dd9;
+ background: #1c48d9;
+ border-color: #1c48d9;
}
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
- box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
+ .drip-radio-group-solid .drip-radio-button-wrapper-checked:not(.drip-radio-button-wrapper-disabled):focus-within {
+ box-shadow: none;
}
- .ant-radio-button-wrapper-disabled {
+ .drip-radio-button-wrapper-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
cursor: not-allowed;
}
- .ant-radio-button-wrapper-disabled:first-child,
- .ant-radio-button-wrapper-disabled:hover {
+ .drip-radio-button-wrapper-disabled:first-child,
+ .drip-radio-button-wrapper-disabled:hover {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
}
- .ant-radio-button-wrapper-disabled:first-child {
+ .drip-radio-button-wrapper-disabled:first-child {
border-left-color: #d9d9d9;
}
- .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
+ .drip-radio-button-wrapper-disabled.drip-radio-button-wrapper-checked {
color: rgba(0, 0, 0, 0.25);
background-color: #e6e6e6;
border-color: #d9d9d9;
box-shadow: none;
}
- @-webkit-keyframes antRadioEffect {
+ @-webkit-keyframes dripRadioEffect {
0% {
transform: scale(1);
opacity: 0.5;
@@ -7823,7 +9160,7 @@
opacity: 0;
}
}
- @keyframes antRadioEffect {
+ @keyframes dripRadioEffect {
0% {
transform: scale(1);
opacity: 0.5;
@@ -7833,33 +9170,33 @@
opacity: 0;
}
}
- .ant-radio-group.ant-radio-group-rtl {
+ .drip-radio-group.drip-radio-group-rtl {
direction: rtl;
}
- .ant-radio-wrapper.ant-radio-wrapper-rtl {
+ .drip-radio-wrapper.drip-radio-wrapper-rtl {
margin-right: 0;
margin-left: 8px;
direction: rtl;
}
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
+ .drip-radio-button-wrapper.drip-radio-button-wrapper-rtl {
border-right-width: 0;
border-left-width: 1px;
}
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
+ .drip-radio-button-wrapper.drip-radio-button-wrapper-rtl.drip-radio-button-wrapper:not(:first-child)::before {
right: -1px;
left: 0;
}
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
+ .drip-radio-button-wrapper.drip-radio-button-wrapper-rtl.drip-radio-button-wrapper:first-child {
border-right: 1px solid #d9d9d9;
border-radius: 0 2px 2px 0;
}
- .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
- border-right-color: #40a9ff;
+ .drip-radio-button-wrapper-checked:not([class*=' drip-radio-button-wrapper-disabled']).drip-radio-button-wrapper:first-child {
+ border-right-color: #5789ff;
}
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
+ .drip-radio-button-wrapper.drip-radio-button-wrapper-rtl.drip-radio-button-wrapper:last-child {
border-radius: 2px 0 0 2px;
}
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
+ .drip-radio-button-wrapper.drip-radio-button-wrapper-rtl.drip-radio-button-wrapper-disabled:first-child {
border-right-color: #d9d9d9;
}
@@ -7867,11 +9204,11 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-picker {
+ .drip-picker {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -7886,43 +9223,42 @@
border-radius: 2px;
transition: border 0.3s, box-shadow 0.3s;
}
- .ant-picker:hover,
- .ant-picker-focused {
- border-color: #40a9ff;
+ .drip-picker:hover,
+ .drip-picker-focused {
+ border-color: #5789ff;
border-right-width: 1px !important;
}
- .ant-picker-focused {
- border-color: #40a9ff;
+ .drip-picker-focused {
+ border-color: #5789ff;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
- .ant-picker.ant-picker-disabled {
+ .drip-picker.drip-picker-disabled {
background: #f5f5f5;
border-color: #d9d9d9;
cursor: not-allowed;
}
- .ant-picker.ant-picker-disabled .ant-picker-suffix {
+ .drip-picker.drip-picker-disabled .drip-picker-suffix {
color: rgba(0, 0, 0, 0.25);
}
- .ant-picker.ant-picker-borderless {
+ .drip-picker.drip-picker-borderless {
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
- .ant-picker-input {
+ .drip-picker-input {
position: relative;
display: inline-flex;
align-items: center;
width: 100%;
}
- .ant-picker-input > input {
+ .drip-picker-input > input {
position: relative;
display: inline-block;
width: 100%;
min-width: 0;
padding: 4px 11px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
line-height: 1.5715;
background-color: #fff;
@@ -7937,66 +9273,69 @@
background: transparent;
border: 0;
}
- .ant-picker-input > input::-moz-placeholder {
+ .drip-picker-input > input::-moz-placeholder {
opacity: 1;
}
- .ant-picker-input > input:-ms-input-placeholder {
+ .drip-picker-input > input:-ms-input-placeholder {
color: #bfbfbf;
}
- .ant-picker-input > input::placeholder {
+ .drip-picker-input > input::placeholder {
color: #bfbfbf;
}
- .ant-picker-input > input:-moz-placeholder-shown {
+ .drip-picker-input > input:-moz-placeholder-shown {
text-overflow: ellipsis;
}
- .ant-picker-input > input:-ms-input-placeholder {
+ .drip-picker-input > input:-ms-input-placeholder {
text-overflow: ellipsis;
}
- .ant-picker-input > input:placeholder-shown {
+ .drip-picker-input > input:placeholder-shown {
text-overflow: ellipsis;
}
- .ant-picker-input > input:hover {
- border-color: #40a9ff;
+ .drip-picker-input > input:hover {
+ border-color: #5789ff;
border-right-width: 1px !important;
}
- .ant-picker-input > input:focus,
- .ant-picker-input > input-focused {
- border-color: #40a9ff;
+ .drip-picker-input > input:focus,
+ .drip-picker-input > input-focused {
+ border-color: #5789ff;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
- .ant-picker-input > input-disabled {
+ .drip-picker-input > input-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
+ border-color: #d9d9d9;
+ box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
- .ant-picker-input > input-disabled:hover {
+ .drip-picker-input > input-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
- .ant-picker-input > input[disabled] {
+ .drip-picker-input > input[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
+ border-color: #d9d9d9;
+ box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
- .ant-picker-input > input[disabled]:hover {
+ .drip-picker-input > input[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
- .ant-picker-input > input.ant-picker-input > input-borderless,
- .ant-picker-input > input.ant-picker-input > input-borderless:hover,
- .ant-picker-input > input.ant-picker-input > input-borderless:focus,
- .ant-picker-input > input.ant-picker-input > input-borderless-focused,
- .ant-picker-input > input.ant-picker-input > input-borderless-disabled,
- .ant-picker-input > input.ant-picker-input > input-borderless[disabled] {
+ .drip-picker-input > input-borderless,
+ .drip-picker-input > input-borderless:hover,
+ .drip-picker-input > input-borderless:focus,
+ .drip-picker-input > input-borderless-focused,
+ .drip-picker-input > input-borderless-disabled,
+ .drip-picker-input > input-borderless[disabled] {
background-color: transparent;
border: none;
box-shadow: none;
}
- textarea.ant-picker-input > input {
+ textarea.drip-picker-input > input {
max-width: 100%;
height: auto;
min-height: 32px;
@@ -8004,45 +9343,45 @@
vertical-align: bottom;
transition: all 0.3s, height 0s;
}
- .ant-picker-input > input-lg {
+ .drip-picker-input > input-lg {
padding: 6.5px 11px;
font-size: 16px;
}
- .ant-picker-input > input-sm {
+ .drip-picker-input > input-sm {
padding: 0px 7px;
}
- .ant-picker-input > input:focus {
+ .drip-picker-input > input:focus {
box-shadow: none;
}
- .ant-picker-input > input[disabled] {
+ .drip-picker-input > input[disabled] {
background: transparent;
}
- .ant-picker-input:hover .ant-picker-clear {
+ .drip-picker-input:hover .drip-picker-clear {
opacity: 1;
}
- .ant-picker-input-placeholder > input {
+ .drip-picker-input-placeholder > input {
color: #bfbfbf;
}
- .ant-picker-large {
+ .drip-picker-large {
padding: 6.5px 11px 6.5px;
}
- .ant-picker-large .ant-picker-input > input {
+ .drip-picker-large .drip-picker-input > input {
font-size: 16px;
}
- .ant-picker-small {
+ .drip-picker-small {
padding: 0px 7px 0px;
}
- .ant-picker-suffix {
+ .drip-picker-suffix {
align-self: center;
margin-left: 4px;
color: rgba(0, 0, 0, 0.25);
line-height: 1;
pointer-events: none;
}
- .ant-picker-suffix > * {
+ .drip-picker-suffix > * {
vertical-align: top;
}
- .ant-picker-clear {
+ .drip-picker-clear {
position: absolute;
top: 50%;
right: 0;
@@ -8054,13 +9393,13 @@
opacity: 0;
transition: opacity 0.3s, color 0.3s;
}
- .ant-picker-clear > * {
+ .drip-picker-clear > * {
vertical-align: top;
}
- .ant-picker-clear:hover {
+ .drip-picker-clear:hover {
color: rgba(0, 0, 0, 0.45);
}
- .ant-picker-separator {
+ .drip-picker-separator {
position: relative;
display: inline-block;
width: 1em;
@@ -8070,50 +9409,50 @@
vertical-align: top;
cursor: default;
}
- .ant-picker-focused .ant-picker-separator {
+ .drip-picker-focused .drip-picker-separator {
color: rgba(0, 0, 0, 0.45);
}
- .ant-picker-disabled .ant-picker-range-separator .ant-picker-separator {
+ .drip-picker-disabled .drip-picker-range-separator .drip-picker-separator {
cursor: not-allowed;
}
- .ant-picker-range {
+ .drip-picker-range {
position: relative;
display: inline-flex;
}
- .ant-picker-range .ant-picker-clear {
+ .drip-picker-range .drip-picker-clear {
right: 11px;
}
- .ant-picker-range:hover .ant-picker-clear {
+ .drip-picker-range:hover .drip-picker-clear {
opacity: 1;
}
- .ant-picker-range .ant-picker-active-bar {
+ .drip-picker-range .drip-picker-active-bar {
bottom: -1px;
height: 2px;
margin-left: 11px;
- background: #1890ff;
+ background: #2D64FF;
opacity: 0;
transition: all 0.3s ease-out;
pointer-events: none;
}
- .ant-picker-range.ant-picker-focused .ant-picker-active-bar {
+ .drip-picker-range.drip-picker-focused .drip-picker-active-bar {
opacity: 1;
}
- .ant-picker-range-separator {
+ .drip-picker-range-separator {
align-items: center;
padding: 0 8px;
line-height: 1;
}
- .ant-picker-range.ant-picker-small .ant-picker-clear {
+ .drip-picker-range.drip-picker-small .drip-picker-clear {
right: 7px;
}
- .ant-picker-range.ant-picker-small .ant-picker-active-bar {
+ .drip-picker-range.drip-picker-small .drip-picker-active-bar {
margin-left: 7px;
}
- .ant-picker-dropdown {
+ .drip-picker-dropdown {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -8122,53 +9461,53 @@
position: absolute;
z-index: 1050;
}
- .ant-picker-dropdown-hidden {
+ .drip-picker-dropdown-hidden {
display: none;
}
- .ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
+ .drip-picker-dropdown-placement-bottomLeft .drip-picker-range-arrow {
top: 1.66666667px;
display: block;
transform: rotate(-45deg);
}
- .ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
+ .drip-picker-dropdown-placement-topLeft .drip-picker-range-arrow {
bottom: 1.66666667px;
display: block;
transform: rotate(135deg);
}
- .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft,
- .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight,
- .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft,
- .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight {
- -webkit-animation-name: antSlideDownIn;
- animation-name: antSlideDownIn;
- }
- .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft,
- .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight,
- .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft,
- .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight {
- -webkit-animation-name: antSlideUpIn;
- animation-name: antSlideUpIn;
- }
- .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft,
- .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight {
- -webkit-animation-name: antSlideDownOut;
- animation-name: antSlideDownOut;
- }
- .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft,
- .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight {
- -webkit-animation-name: antSlideUpOut;
- animation-name: antSlideUpOut;
- }
- .ant-picker-dropdown-range {
+ .drip-picker-dropdown.drip-slide-up-enter.drip-slide-up-enter-active.drip-picker-dropdown-placement-topLeft,
+ .drip-picker-dropdown.drip-slide-up-enter.drip-slide-up-enter-active.drip-picker-dropdown-placement-topRight,
+ .drip-picker-dropdown.drip-slide-up-appear.drip-slide-up-appear-active.drip-picker-dropdown-placement-topLeft,
+ .drip-picker-dropdown.drip-slide-up-appear.drip-slide-up-appear-active.drip-picker-dropdown-placement-topRight {
+ -webkit-animation-name: dripSlideDownIn;
+ animation-name: dripSlideDownIn;
+ }
+ .drip-picker-dropdown.drip-slide-up-enter.drip-slide-up-enter-active.drip-picker-dropdown-placement-bottomLeft,
+ .drip-picker-dropdown.drip-slide-up-enter.drip-slide-up-enter-active.drip-picker-dropdown-placement-bottomRight,
+ .drip-picker-dropdown.drip-slide-up-appear.drip-slide-up-appear-active.drip-picker-dropdown-placement-bottomLeft,
+ .drip-picker-dropdown.drip-slide-up-appear.drip-slide-up-appear-active.drip-picker-dropdown-placement-bottomRight {
+ -webkit-animation-name: dripSlideUpIn;
+ animation-name: dripSlideUpIn;
+ }
+ .drip-picker-dropdown.drip-slide-up-leave.drip-slide-up-leave-active.drip-picker-dropdown-placement-topLeft,
+ .drip-picker-dropdown.drip-slide-up-leave.drip-slide-up-leave-active.drip-picker-dropdown-placement-topRight {
+ -webkit-animation-name: dripSlideDownOut;
+ animation-name: dripSlideDownOut;
+ }
+ .drip-picker-dropdown.drip-slide-up-leave.drip-slide-up-leave-active.drip-picker-dropdown-placement-bottomLeft,
+ .drip-picker-dropdown.drip-slide-up-leave.drip-slide-up-leave-active.drip-picker-dropdown-placement-bottomRight {
+ -webkit-animation-name: dripSlideUpOut;
+ animation-name: dripSlideUpOut;
+ }
+ .drip-picker-dropdown-range {
padding: 6.66666667px 0;
}
- .ant-picker-dropdown-range-hidden {
+ .drip-picker-dropdown-range-hidden {
display: none;
}
- .ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel {
+ .drip-picker-dropdown .drip-picker-panel > .drip-picker-time-panel {
padding-top: 4px;
}
- .ant-picker-ranges {
+ .drip-picker-ranges {
margin-bottom: 0;
padding: 4px 12px;
overflow: hidden;
@@ -8176,23 +9515,23 @@
text-align: left;
list-style: none;
}
- .ant-picker-ranges > li {
+ .drip-picker-ranges > li {
display: inline-block;
}
- .ant-picker-ranges .ant-picker-preset > .ant-tag-blue {
- color: #1890ff;
- background: #e6f7ff;
- border-color: #91d5ff;
+ .drip-picker-ranges .drip-picker-preset > .drip-tag-blue {
+ color: #2D64FF;
+ background: #f0f6ff;
+ border-color: #a8c8ff;
cursor: pointer;
}
- .ant-picker-ranges .ant-picker-ok {
+ .drip-picker-ranges .drip-picker-ok {
float: right;
margin-left: 8px;
}
- .ant-picker-range-wrapper {
+ .drip-picker-range-wrapper {
display: flex;
}
- .ant-picker-range-arrow {
+ .drip-picker-range-arrow {
position: absolute;
z-index: 1;
display: none;
@@ -8202,7 +9541,7 @@
box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06);
transition: left 0.3s ease-out;
}
- .ant-picker-range-arrow::after {
+ .drip-picker-range-arrow::after {
position: absolute;
top: 1px;
right: 1px;
@@ -8212,7 +9551,7 @@
border-color: #fff #fff transparent transparent;
content: '';
}
- .ant-picker-panel-container {
+ .drip-picker-panel-container {
overflow: hidden;
vertical-align: top;
background: #fff;
@@ -8220,25 +9559,25 @@
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
transition: margin 0.3s;
}
- .ant-picker-panel-container .ant-picker-panels {
+ .drip-picker-panel-container .drip-picker-panels {
display: inline-flex;
flex-wrap: nowrap;
direction: ltr;
}
- .ant-picker-panel-container .ant-picker-panel {
+ .drip-picker-panel-container .drip-picker-panel {
vertical-align: top;
background: transparent;
border-width: 0 0 1px 0;
border-radius: 0;
}
- .ant-picker-panel-container .ant-picker-panel .ant-picker-content,
- .ant-picker-panel-container .ant-picker-panel table {
+ .drip-picker-panel-container .drip-picker-panel .drip-picker-content,
+ .drip-picker-panel-container .drip-picker-panel table {
text-align: center;
}
- .ant-picker-panel-container .ant-picker-panel-focused {
+ .drip-picker-panel-container .drip-picker-panel-focused {
border-color: #f0f0f0;
}
- .ant-picker-panel {
+ .drip-picker-panel {
display: inline-flex;
flex-direction: column;
text-align: center;
@@ -8247,30 +9586,30 @@
border-radius: 2px;
outline: none;
}
- .ant-picker-panel-focused {
- border-color: #1890ff;
+ .drip-picker-panel-focused {
+ border-color: #2D64FF;
}
- .ant-picker-decade-panel,
- .ant-picker-year-panel,
- .ant-picker-quarter-panel,
- .ant-picker-month-panel,
- .ant-picker-week-panel,
- .ant-picker-date-panel,
- .ant-picker-time-panel {
+ .drip-picker-decade-panel,
+ .drip-picker-year-panel,
+ .drip-picker-quarter-panel,
+ .drip-picker-month-panel,
+ .drip-picker-week-panel,
+ .drip-picker-date-panel,
+ .drip-picker-time-panel {
display: flex;
flex-direction: column;
width: 280px;
}
- .ant-picker-header {
+ .drip-picker-header {
display: flex;
padding: 0 8px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
border-bottom: 1px solid #f0f0f0;
}
- .ant-picker-header > * {
+ .drip-picker-header > * {
flex: none;
}
- .ant-picker-header button {
+ .drip-picker-header button {
padding: 0;
color: rgba(0, 0, 0, 0.25);
line-height: 40px;
@@ -8279,41 +9618,41 @@
cursor: pointer;
transition: color 0.3s;
}
- .ant-picker-header > button {
+ .drip-picker-header > button {
min-width: 1.6em;
font-size: 14px;
}
- .ant-picker-header > button:hover {
- color: rgba(0, 0, 0, 0.85);
+ .drip-picker-header > button:hover {
+ color: rgba(0, 0, 0, 0.82);
}
- .ant-picker-header-view {
+ .drip-picker-header-view {
flex: auto;
font-weight: 500;
line-height: 40px;
}
- .ant-picker-header-view button {
+ .drip-picker-header-view button {
color: inherit;
font-weight: inherit;
}
- .ant-picker-header-view button:not(:first-child) {
+ .drip-picker-header-view button:not(:first-child) {
margin-left: 8px;
}
- .ant-picker-header-view button:hover {
- color: #1890ff;
+ .drip-picker-header-view button:hover {
+ color: #2D64FF;
}
- .ant-picker-prev-icon,
- .ant-picker-next-icon,
- .ant-picker-super-prev-icon,
- .ant-picker-super-next-icon {
+ .drip-picker-prev-icon,
+ .drip-picker-next-icon,
+ .drip-picker-super-prev-icon,
+ .drip-picker-super-next-icon {
position: relative;
display: inline-block;
width: 7px;
height: 7px;
}
- .ant-picker-prev-icon::before,
- .ant-picker-next-icon::before,
- .ant-picker-super-prev-icon::before,
- .ant-picker-super-next-icon::before {
+ .drip-picker-prev-icon::before,
+ .drip-picker-next-icon::before,
+ .drip-picker-super-prev-icon::before,
+ .drip-picker-super-next-icon::before {
position: absolute;
top: 0;
left: 0;
@@ -8324,8 +9663,8 @@
border-width: 1.5px 0 0 1.5px;
content: '';
}
- .ant-picker-super-prev-icon::after,
- .ant-picker-super-next-icon::after {
+ .drip-picker-super-prev-icon::after,
+ .drip-picker-super-next-icon::after {
position: absolute;
top: 4px;
left: 4px;
@@ -8336,39 +9675,39 @@
border-width: 1.5px 0 0 1.5px;
content: '';
}
- .ant-picker-prev-icon,
- .ant-picker-super-prev-icon {
+ .drip-picker-prev-icon,
+ .drip-picker-super-prev-icon {
transform: rotate(-45deg);
}
- .ant-picker-next-icon,
- .ant-picker-super-next-icon {
+ .drip-picker-next-icon,
+ .drip-picker-super-next-icon {
transform: rotate(135deg);
}
- .ant-picker-content {
+ .drip-picker-content {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
- .ant-picker-content th,
- .ant-picker-content td {
+ .drip-picker-content th,
+ .drip-picker-content td {
position: relative;
min-width: 24px;
font-weight: 400;
}
- .ant-picker-content th {
+ .drip-picker-content th {
height: 30px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
line-height: 30px;
}
- .ant-picker-cell {
+ .drip-picker-cell {
padding: 3px 0;
color: rgba(0, 0, 0, 0.25);
cursor: pointer;
}
- .ant-picker-cell-in-view {
- color: rgba(0, 0, 0, 0.85);
+ .drip-picker-cell-in-view {
+ color: rgba(0, 0, 0, 0.82);
}
- .ant-picker-cell::before {
+ .drip-picker-cell::before {
position: absolute;
top: 50%;
right: 0;
@@ -8376,9 +9715,10 @@
z-index: 1;
height: 24px;
transform: translateY(-50%);
+ transition: all 0.3s;
content: '';
}
- .ant-picker-cell .ant-picker-cell-inner {
+ .drip-picker-cell .drip-picker-cell-inner {
position: relative;
z-index: 2;
display: inline-block;
@@ -8388,152 +9728,156 @@
border-radius: 2px;
transition: background 0.3s, border 0.3s;
}
- .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
- .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
+ .drip-picker-cell:hover:not(.drip-picker-cell-in-view) .drip-picker-cell-inner,
+ .drip-picker-cell:hover:not(.drip-picker-cell-selected):not(.drip-picker-cell-range-start):not(.drip-picker-cell-range-end):not(.drip-picker-cell-range-hover-start):not(.drip-picker-cell-range-hover-end) .drip-picker-cell-inner {
background: #f5f5f5;
+ border-radius: 23px;
}
- .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
+ .drip-picker-cell-in-view.drip-picker-cell-today .drip-picker-cell-inner::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
- border: 1px solid #1890ff;
- border-radius: 2px;
+ border: 1px solid #2D64FF;
+ border-radius: 23px;
content: '';
}
- .ant-picker-cell-in-view.ant-picker-cell-in-range {
+ .drip-picker-cell-in-view.drip-picker-cell-in-range {
position: relative;
}
- .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
- background: #e6f7ff;
+ .drip-picker-cell-in-view.drip-picker-cell-in-range::before {
+ background: #f0f6ff;
}
- .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
- .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
- .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
+ .drip-picker-cell-in-view.drip-picker-cell-selected .drip-picker-cell-inner,
+ .drip-picker-cell-in-view.drip-picker-cell-range-start .drip-picker-cell-inner,
+ .drip-picker-cell-in-view.drip-picker-cell-range-end .drip-picker-cell-inner {
color: #fff;
- background: #1890ff;
+ background: #2D64FF;
+ border-radius: 23px;
}
- .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
- .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
- background: #e6f7ff;
+ .drip-picker-cell-in-view.drip-picker-cell-range-start:not(.drip-picker-cell-range-start-single)::before,
+ .drip-picker-cell-in-view.drip-picker-cell-range-end:not(.drip-picker-cell-range-end-single)::before {
+ background: #f0f6ff;
}
- .ant-picker-cell-in-view.ant-picker-cell-range-start::before {
+ .drip-picker-cell-in-view.drip-picker-cell-range-start::before {
left: 50%;
}
- .ant-picker-cell-in-view.ant-picker-cell-range-end::before {
+ .drip-picker-cell-in-view.drip-picker-cell-range-end::before {
right: 50%;
}
- .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
- .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
- .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,
- .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,
- .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,
- .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,
- .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {
+ .drip-picker-cell-in-view.drip-picker-cell-range-hover-start:not(.drip-picker-cell-in-range):not(.drip-picker-cell-range-start):not(.drip-picker-cell-range-end)::after,
+ .drip-picker-cell-in-view.drip-picker-cell-range-hover-end:not(.drip-picker-cell-in-range):not(.drip-picker-cell-range-start):not(.drip-picker-cell-range-end)::after,
+ .drip-picker-cell-in-view.drip-picker-cell-range-hover-start.drip-picker-cell-range-start-single::after,
+ .drip-picker-cell-in-view.drip-picker-cell-range-hover-start.drip-picker-cell-range-start.drip-picker-cell-range-end.drip-picker-cell-range-end-near-hover::after,
+ .drip-picker-cell-in-view.drip-picker-cell-range-hover-end.drip-picker-cell-range-start.drip-picker-cell-range-end.drip-picker-cell-range-start-near-hover::after,
+ .drip-picker-cell-in-view.drip-picker-cell-range-hover-end.drip-picker-cell-range-end-single::after,
+ .drip-picker-cell-in-view.drip-picker-cell-range-hover:not(.drip-picker-cell-in-range)::after {
position: absolute;
top: 50%;
z-index: 0;
height: 24px;
- border-top: 1px dashed #7ec1ff;
- border-bottom: 1px dashed #7ec1ff;
+ border-top: 1px dashed #93afff;
+ border-bottom: 1px dashed #93afff;
transform: translateY(-50%);
+ transition: all 0.3s;
content: '';
}
- .ant-picker-cell-range-hover-start::after,
- .ant-picker-cell-range-hover-end::after,
- .ant-picker-cell-range-hover::after {
+ .drip-picker-cell-range-hover-start::after,
+ .drip-picker-cell-range-hover-end::after,
+ .drip-picker-cell-range-hover::after {
right: 0;
left: 2px;
}
- .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
- .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
- .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
- .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
- .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
- .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
- .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
- background: #cbe6ff;
+ .drip-picker-cell-in-view.drip-picker-cell-in-range.drip-picker-cell-range-hover::before,
+ .drip-picker-cell-in-view.drip-picker-cell-range-start.drip-picker-cell-range-hover::before,
+ .drip-picker-cell-in-view.drip-picker-cell-range-end.drip-picker-cell-range-hover::before,
+ .drip-picker-cell-in-view.drip-picker-cell-range-start:not(.drip-picker-cell-range-start-single).drip-picker-cell-range-hover-start::before,
+ .drip-picker-cell-in-view.drip-picker-cell-range-end:not(.drip-picker-cell-range-end-single).drip-picker-cell-range-hover-end::before,
+ .drip-picker-panel > :not(.drip-picker-date-panel) .drip-picker-cell-in-view.drip-picker-cell-in-range.drip-picker-cell-range-hover-start::before,
+ .drip-picker-panel > :not(.drip-picker-date-panel) .drip-picker-cell-in-view.drip-picker-cell-in-range.drip-picker-cell-range-hover-end::before {
+ background: #D1E3FF;
}
- .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
+ .drip-picker-cell-in-view.drip-picker-cell-range-start:not(.drip-picker-cell-range-start-single):not(.drip-picker-cell-range-end) .drip-picker-cell-inner {
border-radius: 2px 0 0 2px;
}
- .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
+ .drip-picker-cell-in-view.drip-picker-cell-range-end:not(.drip-picker-cell-range-end-single):not(.drip-picker-cell-range-start) .drip-picker-cell-inner {
border-radius: 0 2px 2px 0;
}
- .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
- .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
+ .drip-picker-date-panel .drip-picker-cell-in-view.drip-picker-cell-in-range.drip-picker-cell-range-hover-start .drip-picker-cell-inner::after,
+ .drip-picker-date-panel .drip-picker-cell-in-view.drip-picker-cell-in-range.drip-picker-cell-range-hover-end .drip-picker-cell-inner::after {
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
- background: #cbe6ff;
+ background: #e0e8ff;
+ transition: all 0.3s;
content: '';
}
- .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
+ .drip-picker-date-panel .drip-picker-cell-in-view.drip-picker-cell-in-range.drip-picker-cell-range-hover-start .drip-picker-cell-inner::after {
right: -6px;
left: 0;
}
- .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
+ .drip-picker-date-panel .drip-picker-cell-in-view.drip-picker-cell-in-range.drip-picker-cell-range-hover-end .drip-picker-cell-inner::after {
right: 0;
left: -6px;
}
- .ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
+ .drip-picker-cell-range-hover.drip-picker-cell-range-start::after {
right: 50%;
}
- .ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
+ .drip-picker-cell-range-hover.drip-picker-cell-range-end::after {
left: 50%;
}
- tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,
- tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
- .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
- .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
- .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
+ tr > .drip-picker-cell-in-view.drip-picker-cell-range-hover:first-child::after,
+ tr > .drip-picker-cell-in-view.drip-picker-cell-range-hover-end:first-child::after,
+ .drip-picker-cell-in-view.drip-picker-cell-start.drip-picker-cell-range-hover-edge-start.drip-picker-cell-range-hover-edge-start-near-range::after,
+ .drip-picker-cell-in-view.drip-picker-cell-range-hover-edge-start:not(.drip-picker-cell-range-hover-edge-start-near-range)::after,
+ .drip-picker-cell-in-view.drip-picker-cell-range-hover-start::after {
left: 6px;
- border-left: 1px dashed #7ec1ff;
+ border-left: 1px dashed #93afff;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
- tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,
- tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
- .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
- .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
- .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
+ tr > .drip-picker-cell-in-view.drip-picker-cell-range-hover:last-child::after,
+ tr > .drip-picker-cell-in-view.drip-picker-cell-range-hover-start:last-child::after,
+ .drip-picker-cell-in-view.drip-picker-cell-end.drip-picker-cell-range-hover-edge-end.drip-picker-cell-range-hover-edge-end-near-range::after,
+ .drip-picker-cell-in-view.drip-picker-cell-range-hover-edge-end:not(.drip-picker-cell-range-hover-edge-end-near-range)::after,
+ .drip-picker-cell-in-view.drip-picker-cell-range-hover-end::after {
right: 6px;
- border-right: 1px dashed #7ec1ff;
+ border-right: 1px dashed #93afff;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
- .ant-picker-cell-disabled {
+ .drip-picker-cell-disabled {
color: rgba(0, 0, 0, 0.25);
pointer-events: none;
}
- .ant-picker-cell-disabled .ant-picker-cell-inner {
+ .drip-picker-cell-disabled .drip-picker-cell-inner {
background: transparent;
}
- .ant-picker-cell-disabled::before {
+ .drip-picker-cell-disabled::before {
background: rgba(0, 0, 0, 0.04);
}
- .ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before {
+ .drip-picker-cell-disabled.drip-picker-cell-today .drip-picker-cell-inner::before {
border-color: rgba(0, 0, 0, 0.25);
}
- .ant-picker-decade-panel .ant-picker-content,
- .ant-picker-year-panel .ant-picker-content,
- .ant-picker-quarter-panel .ant-picker-content,
- .ant-picker-month-panel .ant-picker-content {
+ .drip-picker-decade-panel .drip-picker-content,
+ .drip-picker-year-panel .drip-picker-content,
+ .drip-picker-quarter-panel .drip-picker-content,
+ .drip-picker-month-panel .drip-picker-content {
height: 264px;
}
- .ant-picker-decade-panel .ant-picker-cell-inner,
- .ant-picker-year-panel .ant-picker-cell-inner,
- .ant-picker-quarter-panel .ant-picker-cell-inner,
- .ant-picker-month-panel .ant-picker-cell-inner {
+ .drip-picker-decade-panel .drip-picker-cell-inner,
+ .drip-picker-year-panel .drip-picker-cell-inner,
+ .drip-picker-quarter-panel .drip-picker-cell-inner,
+ .drip-picker-month-panel .drip-picker-cell-inner {
padding: 0 8px;
}
- .ant-picker-quarter-panel .ant-picker-content {
+ .drip-picker-quarter-panel .drip-picker-content {
height: 56px;
}
- .ant-picker-footer {
+ .drip-picker-footer {
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
@@ -8542,144 +9886,144 @@
text-align: center;
border-bottom: 1px solid transparent;
}
- .ant-picker-panel .ant-picker-footer {
+ .drip-picker-panel .drip-picker-footer {
border-top: 1px solid #f0f0f0;
}
- .ant-picker-footer-extra {
+ .drip-picker-footer-extra {
padding: 0 12px;
line-height: 38px;
text-align: left;
}
- .ant-picker-footer-extra:not(:last-child) {
+ .drip-picker-footer-extra:not(:last-child) {
border-bottom: 1px solid #f0f0f0;
}
- .ant-picker-now {
+ .drip-picker-now {
text-align: left;
}
- .ant-picker-today-btn {
- color: #1890ff;
+ .drip-picker-today-btn {
+ color: #2D64FF;
}
- .ant-picker-today-btn:hover {
- color: #40a9ff;
+ .drip-picker-today-btn:hover {
+ color: #5789ff;
}
- .ant-picker-today-btn:active {
- color: #096dd9;
+ .drip-picker-today-btn:active {
+ color: #1c48d9;
}
- .ant-picker-today-btn.ant-picker-today-btn-disabled {
+ .drip-picker-today-btn.drip-picker-today-btn-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
- .ant-picker-decade-panel .ant-picker-cell-inner {
+ .drip-picker-decade-panel .drip-picker-cell-inner {
padding: 0 4px;
}
- .ant-picker-decade-panel .ant-picker-cell::before {
+ .drip-picker-decade-panel .drip-picker-cell::before {
display: none;
}
- .ant-picker-year-panel .ant-picker-body,
- .ant-picker-quarter-panel .ant-picker-body,
- .ant-picker-month-panel .ant-picker-body {
+ .drip-picker-year-panel .drip-picker-body,
+ .drip-picker-quarter-panel .drip-picker-body,
+ .drip-picker-month-panel .drip-picker-body {
padding: 0 8px;
}
- .ant-picker-year-panel .ant-picker-cell-inner,
- .ant-picker-quarter-panel .ant-picker-cell-inner,
- .ant-picker-month-panel .ant-picker-cell-inner {
+ .drip-picker-year-panel .drip-picker-cell-inner,
+ .drip-picker-quarter-panel .drip-picker-cell-inner,
+ .drip-picker-month-panel .drip-picker-cell-inner {
width: 60px;
}
- .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
- .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
- .ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
+ .drip-picker-year-panel .drip-picker-cell-range-hover-start::after,
+ .drip-picker-quarter-panel .drip-picker-cell-range-hover-start::after,
+ .drip-picker-month-panel .drip-picker-cell-range-hover-start::after {
left: 14px;
- border-left: 1px dashed #7ec1ff;
+ border-left: 1px dashed #93afff;
border-radius: 2px 0 0 2px;
}
- .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
- .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
- .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
+ .drip-picker-panel-rtl .drip-picker-year-panel .drip-picker-cell-range-hover-start::after,
+ .drip-picker-panel-rtl .drip-picker-quarter-panel .drip-picker-cell-range-hover-start::after,
+ .drip-picker-panel-rtl .drip-picker-month-panel .drip-picker-cell-range-hover-start::after {
right: 14px;
- border-right: 1px dashed #7ec1ff;
+ border-right: 1px dashed #93afff;
border-radius: 0 2px 2px 0;
}
- .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
- .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
- .ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
+ .drip-picker-year-panel .drip-picker-cell-range-hover-end::after,
+ .drip-picker-quarter-panel .drip-picker-cell-range-hover-end::after,
+ .drip-picker-month-panel .drip-picker-cell-range-hover-end::after {
right: 14px;
- border-right: 1px dashed #7ec1ff;
+ border-right: 1px dashed #93afff;
border-radius: 0 2px 2px 0;
}
- .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
- .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
- .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
+ .drip-picker-panel-rtl .drip-picker-year-panel .drip-picker-cell-range-hover-end::after,
+ .drip-picker-panel-rtl .drip-picker-quarter-panel .drip-picker-cell-range-hover-end::after,
+ .drip-picker-panel-rtl .drip-picker-month-panel .drip-picker-cell-range-hover-end::after {
left: 14px;
- border-left: 1px dashed #7ec1ff;
+ border-left: 1px dashed #93afff;
border-radius: 2px 0 0 2px;
}
- .ant-picker-week-panel .ant-picker-body {
+ .drip-picker-week-panel .drip-picker-body {
padding: 8px 12px;
}
- .ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner,
- .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,
- .ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner {
+ .drip-picker-week-panel .drip-picker-cell:hover .drip-picker-cell-inner,
+ .drip-picker-week-panel .drip-picker-cell-selected .drip-picker-cell-inner,
+ .drip-picker-week-panel .drip-picker-cell .drip-picker-cell-inner {
background: transparent !important;
}
- .ant-picker-week-panel-row td {
+ .drip-picker-week-panel-row td {
transition: background 0.3s;
}
- .ant-picker-week-panel-row:hover td {
+ .drip-picker-week-panel-row:hover td {
background: #f5f5f5;
}
- .ant-picker-week-panel-row-selected td,
- .ant-picker-week-panel-row-selected:hover td {
- background: #1890ff;
+ .drip-picker-week-panel-row-selected td,
+ .drip-picker-week-panel-row-selected:hover td {
+ background: #2D64FF;
}
- .ant-picker-week-panel-row-selected td.ant-picker-cell-week,
- .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
+ .drip-picker-week-panel-row-selected td.drip-picker-cell-week,
+ .drip-picker-week-panel-row-selected:hover td.drip-picker-cell-week {
color: rgba(255, 255, 255, 0.5);
}
- .ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before,
- .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before {
+ .drip-picker-week-panel-row-selected td.drip-picker-cell-today .drip-picker-cell-inner::before,
+ .drip-picker-week-panel-row-selected:hover td.drip-picker-cell-today .drip-picker-cell-inner::before {
border-color: #fff;
}
- .ant-picker-week-panel-row-selected td .ant-picker-cell-inner,
- .ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
+ .drip-picker-week-panel-row-selected td .drip-picker-cell-inner,
+ .drip-picker-week-panel-row-selected:hover td .drip-picker-cell-inner {
color: #fff;
}
- .ant-picker-date-panel .ant-picker-body {
+ .drip-picker-date-panel .drip-picker-body {
padding: 8px 12px;
}
- .ant-picker-date-panel .ant-picker-content {
+ .drip-picker-date-panel .drip-picker-content {
width: 252px;
}
- .ant-picker-date-panel .ant-picker-content th {
+ .drip-picker-date-panel .drip-picker-content th {
width: 36px;
}
- .ant-picker-datetime-panel {
+ .drip-picker-datetime-panel {
display: flex;
}
- .ant-picker-datetime-panel .ant-picker-time-panel {
+ .drip-picker-datetime-panel .drip-picker-time-panel {
border-left: 1px solid #f0f0f0;
}
- .ant-picker-datetime-panel .ant-picker-date-panel,
- .ant-picker-datetime-panel .ant-picker-time-panel {
+ .drip-picker-datetime-panel .drip-picker-date-panel,
+ .drip-picker-datetime-panel .drip-picker-time-panel {
transition: opacity 0.3s;
}
- .ant-picker-datetime-panel-active .ant-picker-date-panel,
- .ant-picker-datetime-panel-active .ant-picker-time-panel {
+ .drip-picker-datetime-panel-active .drip-picker-date-panel,
+ .drip-picker-datetime-panel-active .drip-picker-time-panel {
opacity: 0.3;
}
- .ant-picker-datetime-panel-active .ant-picker-date-panel-active,
- .ant-picker-datetime-panel-active .ant-picker-time-panel-active {
+ .drip-picker-datetime-panel-active .drip-picker-date-panel-active,
+ .drip-picker-datetime-panel-active .drip-picker-time-panel-active {
opacity: 1;
}
- .ant-picker-time-panel {
+ .drip-picker-time-panel {
width: auto;
min-width: auto;
}
- .ant-picker-time-panel .ant-picker-content {
+ .drip-picker-time-panel .drip-picker-content {
display: flex;
flex: auto;
height: 224px;
}
- .ant-picker-time-panel-column {
+ .drip-picker-time-panel-column {
flex: 1 0 auto;
width: 56px;
margin: 0;
@@ -8689,106 +10033,106 @@
list-style: none;
transition: background 0.3s;
}
- .ant-picker-time-panel-column::after {
+ .drip-picker-time-panel-column::after {
display: block;
height: 196px;
content: '';
}
- .ant-picker-datetime-panel .ant-picker-time-panel-column::after {
+ .drip-picker-datetime-panel .drip-picker-time-panel-column::after {
height: 198px;
}
- .ant-picker-time-panel-column:not(:first-child) {
+ .drip-picker-time-panel-column:not(:first-child) {
border-left: 1px solid #f0f0f0;
}
- .ant-picker-time-panel-column-active {
- background: rgba(230, 247, 255, 0.2);
+ .drip-picker-time-panel-column-active {
+ background: rgba(240, 246, 255, 0.2);
}
- .ant-picker-time-panel-column:hover {
+ .drip-picker-time-panel-column:hover {
overflow-y: auto;
}
- .ant-picker-time-panel-column > li {
+ .drip-picker-time-panel-column > li {
margin: 0;
padding: 0;
}
- .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
+ .drip-picker-time-panel-column > li.drip-picker-time-panel-cell .drip-picker-time-panel-cell-inner {
display: block;
width: 100%;
height: 28px;
margin: 0;
padding: 0 0 0 14px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
line-height: 28px;
border-radius: 0;
cursor: pointer;
transition: background 0.3s;
}
- .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
+ .drip-picker-time-panel-column > li.drip-picker-time-panel-cell .drip-picker-time-panel-cell-inner:hover {
background: #f5f5f5;
}
- .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
- background: #e6f7ff;
+ .drip-picker-time-panel-column > li.drip-picker-time-panel-cell-selected .drip-picker-time-panel-cell-inner {
+ background: #f0f6ff;
}
- .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
+ .drip-picker-time-panel-column > li.drip-picker-time-panel-cell-disabled .drip-picker-time-panel-cell-inner {
color: rgba(0, 0, 0, 0.25);
background: transparent;
cursor: not-allowed;
}
/* stylelint-disable-next-line */
- _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
- :root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
- _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell,
- :root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell {
+ _:-ms-fullscreen .drip-picker-range-wrapper .drip-picker-month-panel .drip-picker-cell,
+ :root .drip-picker-range-wrapper .drip-picker-month-panel .drip-picker-cell,
+ _:-ms-fullscreen .drip-picker-range-wrapper .drip-picker-year-panel .drip-picker-cell,
+ :root .drip-picker-range-wrapper .drip-picker-year-panel .drip-picker-cell {
padding: 21px 0;
}
- .ant-picker-rtl {
+ .drip-picker-rtl {
direction: rtl;
}
- .ant-picker-rtl .ant-picker-suffix {
+ .drip-picker-rtl .drip-picker-suffix {
margin-right: 4px;
margin-left: 0;
}
- .ant-picker-rtl .ant-picker-clear {
+ .drip-picker-rtl .drip-picker-clear {
right: auto;
left: 0;
}
- .ant-picker-rtl .ant-picker-separator {
+ .drip-picker-rtl .drip-picker-separator {
transform: rotate(180deg);
}
- .ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) {
+ .drip-picker-panel-rtl .drip-picker-header-view button:not(:first-child) {
margin-right: 8px;
margin-left: 0;
}
- .ant-picker-rtl.ant-picker-range .ant-picker-clear {
+ .drip-picker-rtl.drip-picker-range .drip-picker-clear {
right: auto;
left: 11px;
}
- .ant-picker-rtl.ant-picker-range .ant-picker-active-bar {
+ .drip-picker-rtl.drip-picker-range .drip-picker-active-bar {
margin-right: 11px;
margin-left: 0;
}
- .ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar {
+ .drip-picker-rtl.drip-picker-range.drip-picker-small .drip-picker-active-bar {
margin-right: 7px;
}
- .ant-picker-dropdown-rtl .ant-picker-ranges {
+ .drip-picker-dropdown-rtl .drip-picker-ranges {
text-align: right;
}
- .ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok {
+ .drip-picker-dropdown-rtl .drip-picker-ranges .drip-picker-ok {
float: left;
margin-right: 8px;
margin-left: 0;
}
- .ant-picker-panel-rtl {
+ .drip-picker-panel-rtl {
direction: rtl;
}
- .ant-picker-panel-rtl .ant-picker-prev-icon,
- .ant-picker-panel-rtl .ant-picker-super-prev-icon {
+ .drip-picker-panel-rtl .drip-picker-prev-icon,
+ .drip-picker-panel-rtl .drip-picker-super-prev-icon {
transform: rotate(135deg);
}
- .ant-picker-panel-rtl .ant-picker-next-icon,
- .ant-picker-panel-rtl .ant-picker-super-next-icon {
+ .drip-picker-panel-rtl .drip-picker-next-icon,
+ .drip-picker-panel-rtl .drip-picker-super-next-icon {
transform: rotate(-45deg);
}
- .ant-picker-cell .ant-picker-cell-inner {
+ .drip-picker-cell .drip-picker-cell-inner {
position: relative;
z-index: 2;
display: inline-block;
@@ -8798,84 +10142,84 @@
border-radius: 2px;
transition: background 0.3s, border 0.3s;
}
- .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before {
+ .drip-picker-panel-rtl .drip-picker-cell-in-view.drip-picker-cell-range-start::before {
right: 50%;
left: 0;
}
- .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before {
+ .drip-picker-panel-rtl .drip-picker-cell-in-view.drip-picker-cell-range-end::before {
right: 0;
left: 50%;
}
- .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before {
+ .drip-picker-panel-rtl .drip-picker-cell-in-view.drip-picker-cell-range-start.drip-picker-cell-range-end::before {
right: 50%;
left: 50%;
}
- .ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
+ .drip-picker-panel-rtl .drip-picker-date-panel .drip-picker-cell-in-view.drip-picker-cell-in-range.drip-picker-cell-range-hover-start .drip-picker-cell-inner::after {
right: 0;
left: -6px;
}
- .ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
+ .drip-picker-panel-rtl .drip-picker-date-panel .drip-picker-cell-in-view.drip-picker-cell-in-range.drip-picker-cell-range-hover-end .drip-picker-cell-inner::after {
right: -6px;
left: 0;
}
- .ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
+ .drip-picker-panel-rtl .drip-picker-cell-range-hover.drip-picker-cell-range-start::after {
right: 0;
left: 50%;
}
- .ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
+ .drip-picker-panel-rtl .drip-picker-cell-range-hover.drip-picker-cell-range-end::after {
right: 50%;
left: 0;
}
- .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
+ .drip-picker-panel-rtl .drip-picker-cell-in-view.drip-picker-cell-range-start:not(.drip-picker-cell-range-start-single):not(.drip-picker-cell-range-end) .drip-picker-cell-inner {
border-radius: 0 2px 2px 0;
}
- .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
+ .drip-picker-panel-rtl .drip-picker-cell-in-view.drip-picker-cell-range-end:not(.drip-picker-cell-range-end-single):not(.drip-picker-cell-range-start) .drip-picker-cell-inner {
border-radius: 2px 0 0 2px;
}
- .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child::after,
- .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
- .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
- .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
+ .drip-picker-panel-rtl tr > .drip-picker-cell-in-view.drip-picker-cell-range-hover:not(.drip-picker-cell-selected):first-child::after,
+ .drip-picker-panel-rtl .drip-picker-cell-in-view.drip-picker-cell-start.drip-picker-cell-range-hover-edge-start.drip-picker-cell-range-hover-edge-start-near-range::after,
+ .drip-picker-panel-rtl .drip-picker-cell-in-view.drip-picker-cell-range-hover-edge-start:not(.drip-picker-cell-range-hover-edge-start-near-range)::after,
+ .drip-picker-panel-rtl .drip-picker-cell-in-view.drip-picker-cell-range-hover-start::after {
right: 6px;
left: 0;
- border-right: 1px dashed #7ec1ff;
+ border-right: 1px dashed #93afff;
border-left: none;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
- .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child::after,
- .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
- .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
- .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
+ .drip-picker-panel-rtl tr > .drip-picker-cell-in-view.drip-picker-cell-range-hover:not(.drip-picker-cell-selected):last-child::after,
+ .drip-picker-panel-rtl .drip-picker-cell-in-view.drip-picker-cell-end.drip-picker-cell-range-hover-edge-end.drip-picker-cell-range-hover-edge-end-near-range::after,
+ .drip-picker-panel-rtl .drip-picker-cell-in-view.drip-picker-cell-range-hover-edge-end:not(.drip-picker-cell-range-hover-edge-end-near-range)::after,
+ .drip-picker-panel-rtl .drip-picker-cell-in-view.drip-picker-cell-range-hover-end::after {
right: 0;
left: 6px;
border-right: none;
- border-left: 1px dashed #7ec1ff;
+ border-left: 1px dashed #93afff;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
- .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
- .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
- .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,
- .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,
- .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover)::after,
- .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child::after,
- .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child::after {
+ .drip-picker-panel-rtl tr > .drip-picker-cell-in-view.drip-picker-cell-range-hover-start:last-child::after,
+ .drip-picker-panel-rtl tr > .drip-picker-cell-in-view.drip-picker-cell-range-hover-end:first-child::after,
+ .drip-picker-panel-rtl .drip-picker-cell-in-view.drip-picker-cell-start.drip-picker-cell-range-hover-edge-start:not(.drip-picker-cell-range-hover)::after,
+ .drip-picker-panel-rtl .drip-picker-cell-in-view.drip-picker-cell-start.drip-picker-cell-range-hover-end.drip-picker-cell-range-hover-edge-start:not(.drip-picker-cell-range-hover)::after,
+ .drip-picker-panel-rtl .drip-picker-cell-in-view.drip-picker-cell-end.drip-picker-cell-range-hover-start.drip-picker-cell-range-hover-edge-end:not(.drip-picker-cell-range-hover)::after,
+ .drip-picker-panel-rtl tr > .drip-picker-cell-in-view.drip-picker-cell-start.drip-picker-cell-range-hover.drip-picker-cell-range-hover-edge-start:last-child::after,
+ .drip-picker-panel-rtl tr > .drip-picker-cell-in-view.drip-picker-cell-end.drip-picker-cell-range-hover.drip-picker-cell-range-hover-edge-end:first-child::after {
right: 6px;
left: 6px;
- border-right: 1px dashed #7ec1ff;
- border-left: 1px dashed #7ec1ff;
+ border-right: 1px dashed #93afff;
+ border-left: 1px dashed #93afff;
border-radius: 2px;
}
- .ant-picker-dropdown-rtl .ant-picker-footer-extra {
+ .drip-picker-dropdown-rtl .drip-picker-footer-extra {
direction: rtl;
text-align: right;
}
- .ant-picker-panel-rtl .ant-picker-time-panel {
+ .drip-picker-panel-rtl .drip-picker-time-panel {
direction: ltr;
}
@@ -8883,11 +10227,11 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-tag {
+ .drip-tag {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -8906,223 +10250,226 @@
opacity: 1;
transition: all 0.3s;
}
- .ant-tag,
- .ant-tag a,
- .ant-tag a:hover {
- color: rgba(0, 0, 0, 0.85);
+ .drip-tag,
+ .drip-tag a,
+ .drip-tag a:hover {
+ color: rgba(0, 0, 0, 0.82);
}
- .ant-tag > a:first-child:last-child {
+ .drip-tag > a:first-child:last-child {
display: inline-block;
margin: 0 -8px;
padding: 0 8px;
}
- .ant-tag-close-icon {
+ .drip-tag-close-icon {
margin-left: 3px;
color: rgba(0, 0, 0, 0.45);
font-size: 10px;
cursor: pointer;
transition: all 0.3s;
}
- .ant-tag-close-icon:hover {
- color: rgba(0, 0, 0, 0.85);
+ .drip-tag-close-icon:hover {
+ color: rgba(0, 0, 0, 0.82);
}
- .ant-tag-has-color {
+ .drip-tag-has-color {
border-color: transparent;
}
- .ant-tag-has-color,
- .ant-tag-has-color a,
- .ant-tag-has-color a:hover,
- .ant-tag-has-color .anticon-close,
- .ant-tag-has-color .anticon-close:hover {
+ .drip-tag-has-color,
+ .drip-tag-has-color a,
+ .drip-tag-has-color a:hover,
+ .drip-tag-has-color .dripicon-close,
+ .drip-tag-has-color .dripicon-close:hover {
color: #fff;
}
- .ant-tag-checkable {
+ .drip-tag.drip-tag-no-border {
+ border-color: transparent;
+ }
+ .drip-tag-checkable {
background-color: transparent;
border-color: transparent;
cursor: pointer;
}
- .ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
- color: #1890ff;
+ .drip-tag-checkable:not(.drip-tag-checkable-checked):hover {
+ color: #2D64FF;
}
- .ant-tag-checkable:active,
- .ant-tag-checkable-checked {
+ .drip-tag-checkable:active,
+ .drip-tag-checkable-checked {
color: #fff;
}
- .ant-tag-checkable-checked {
- background-color: #1890ff;
+ .drip-tag-checkable-checked {
+ background-color: #2D64FF;
}
- .ant-tag-checkable:active {
- background-color: #096dd9;
+ .drip-tag-checkable:active {
+ background-color: #1c48d9;
}
- .ant-tag-hidden {
+ .drip-tag-hidden {
display: none;
}
- .ant-tag-pink {
+ .drip-tag-pink {
color: #c41d7f;
background: #fff0f6;
border-color: #ffadd2;
}
- .ant-tag-pink-inverse {
+ .drip-tag-pink-inverse {
color: #fff;
background: #eb2f96;
border-color: #eb2f96;
}
- .ant-tag-magenta {
+ .drip-tag-magenta {
color: #c41d7f;
background: #fff0f6;
border-color: #ffadd2;
}
- .ant-tag-magenta-inverse {
+ .drip-tag-magenta-inverse {
color: #fff;
background: #eb2f96;
border-color: #eb2f96;
}
- .ant-tag-red {
- color: #cf1322;
- background: #fff1f0;
- border-color: #ffa39e;
+ .drip-tag-red {
+ color: #d9363c;
+ background: #fff2f0;
+ border-color: #ffcdc7;
}
- .ant-tag-red-inverse {
+ .drip-tag-red-inverse {
color: #fff;
- background: #f5222d;
- border-color: #f5222d;
+ background: #FF4C4C;
+ border-color: #FF4C4C;
}
- .ant-tag-volcano {
+ .drip-tag-volcano {
color: #d4380d;
background: #fff2e8;
border-color: #ffbb96;
}
- .ant-tag-volcano-inverse {
+ .drip-tag-volcano-inverse {
color: #fff;
background: #fa541c;
border-color: #fa541c;
}
- .ant-tag-orange {
+ .drip-tag-orange {
color: #d46b08;
background: #fff7e6;
border-color: #ffd591;
}
- .ant-tag-orange-inverse {
+ .drip-tag-orange-inverse {
color: #fff;
background: #fa8c16;
border-color: #fa8c16;
}
- .ant-tag-yellow {
+ .drip-tag-yellow {
color: #d4b106;
background: #feffe6;
border-color: #fffb8f;
}
- .ant-tag-yellow-inverse {
+ .drip-tag-yellow-inverse {
color: #fff;
background: #fadb14;
border-color: #fadb14;
}
- .ant-tag-gold {
- color: #d48806;
+ .drip-tag-gold {
+ color: #d98a02;
background: #fffbe6;
- border-color: #ffe58f;
+ border-color: #ffe48a;
}
- .ant-tag-gold-inverse {
+ .drip-tag-gold-inverse {
color: #fff;
- background: #faad14;
- border-color: #faad14;
+ background: #FEB00E;
+ border-color: #FEB00E;
}
- .ant-tag-cyan {
+ .drip-tag-cyan {
color: #08979c;
background: #e6fffb;
border-color: #87e8de;
}
- .ant-tag-cyan-inverse {
+ .drip-tag-cyan-inverse {
color: #fff;
background: #13c2c2;
border-color: #13c2c2;
}
- .ant-tag-lime {
+ .drip-tag-lime {
color: #7cb305;
background: #fcffe6;
border-color: #eaff8f;
}
- .ant-tag-lime-inverse {
+ .drip-tag-lime-inverse {
color: #fff;
background: #a0d911;
border-color: #a0d911;
}
- .ant-tag-green {
- color: #389e0d;
- background: #f6ffed;
- border-color: #b7eb8f;
+ .drip-tag-green {
+ color: #0b9e5e;
+ background: #ebfff2;
+ border-color: #8debb5;
}
- .ant-tag-green-inverse {
+ .drip-tag-green-inverse {
color: #fff;
- background: #52c41a;
- border-color: #52c41a;
+ background: #17C574;
+ border-color: #17C574;
}
- .ant-tag-blue {
- color: #096dd9;
- background: #e6f7ff;
- border-color: #91d5ff;
+ .drip-tag-blue {
+ color: #1c48d9;
+ background: #f0f6ff;
+ border-color: #a8c8ff;
}
- .ant-tag-blue-inverse {
+ .drip-tag-blue-inverse {
color: #fff;
- background: #1890ff;
- border-color: #1890ff;
+ background: #2D64FF;
+ border-color: #2D64FF;
}
- .ant-tag-geekblue {
+ .drip-tag-geekblue {
color: #1d39c4;
background: #f0f5ff;
border-color: #adc6ff;
}
- .ant-tag-geekblue-inverse {
+ .drip-tag-geekblue-inverse {
color: #fff;
background: #2f54eb;
border-color: #2f54eb;
}
- .ant-tag-purple {
+ .drip-tag-purple {
color: #531dab;
background: #f9f0ff;
border-color: #d3adf7;
}
- .ant-tag-purple-inverse {
+ .drip-tag-purple-inverse {
color: #fff;
background: #722ed1;
border-color: #722ed1;
}
- .ant-tag-success {
- color: #52c41a;
- background: #f6ffed;
- border-color: #b7eb8f;
+ .drip-tag-success {
+ color: #17C574;
+ background: #ebfff2;
+ border-color: #8debb5;
}
- .ant-tag-processing {
- color: #1890ff;
- background: #e6f7ff;
- border-color: #91d5ff;
+ .drip-tag-processing {
+ color: #2D64FF;
+ background: #f0f6ff;
+ border-color: #a8c8ff;
}
- .ant-tag-error {
- color: #f5222d;
- background: #fff1f0;
- border-color: #ffa39e;
+ .drip-tag-error {
+ color: #FF4C4C;
+ background: #fff2f0;
+ border-color: #ffcdc7;
}
- .ant-tag-warning {
+ .drip-tag-warning {
color: #fa8c16;
background: #fff7e6;
border-color: #ffd591;
}
- .ant-tag > .anticon + span,
- .ant-tag > span + .anticon {
+ .drip-tag > .dripicon + span,
+ .drip-tag > span + .dripicon {
margin-left: 7px;
}
- .ant-tag.ant-tag-rtl {
+ .drip-tag.drip-tag-rtl {
margin-right: 0;
margin-left: 8px;
direction: rtl;
text-align: right;
}
- .ant-tag-rtl .ant-tag-close-icon {
+ .drip-tag-rtl .drip-tag-close-icon {
margin-right: 3px;
margin-left: 0;
}
- .ant-tag-rtl.ant-tag > .anticon + span,
- .ant-tag-rtl.ant-tag > span + .anticon {
+ .drip-tag-rtl.drip-tag > .dripicon + span,
+ .drip-tag-rtl.drip-tag > span + .dripicon {
margin-right: 7px;
margin-left: 0;
}
@@ -9131,11 +10478,11 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-card {
+ .drip-card {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -9145,45 +10492,57 @@
background: #fff;
border-radius: 2px;
}
- .ant-card-rtl {
+ .drip-card-rtl {
direction: rtl;
}
- .ant-card-hoverable {
+ .drip-card-hoverable {
cursor: pointer;
transition: box-shadow 0.3s, border-color 0.3s;
}
- .ant-card-hoverable:hover {
+ .drip-card-hoverable:hover {
border-color: transparent;
- box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
+ box-shadow: 0px 8px 24px 8px rgba(0, 0, 0, 0.04), 0px 0px 16px rgba(0, 0, 0, 0.08);
}
- .ant-card-bordered {
+ .drip-card-bordered {
border: 1px solid #f0f0f0;
}
- .ant-card-head {
+ .drip-card-type-simple {
+ padding-top: 16px;
+ }
+ .drip-card-type-simple .drip-card-head {
+ border-bottom: none;
+ padding: 0 16px;
+ min-height: auto;
+ line-height: 1;
+ }
+ .drip-card-type-simple .drip-card-head-title {
+ padding: 0;
+ }
+ .drip-card-head {
min-height: 48px;
margin-bottom: -1px;
padding: 0 24px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: 500;
font-size: 16px;
background: transparent;
border-bottom: 1px solid #f0f0f0;
border-radius: 2px 2px 0 0;
}
- .ant-card-head::before {
+ .drip-card-head::before {
display: table;
content: '';
}
- .ant-card-head::after {
+ .drip-card-head::after {
display: table;
clear: both;
content: '';
}
- .ant-card-head-wrapper {
+ .drip-card-head-wrapper {
display: flex;
align-items: center;
}
- .ant-card-head-title {
+ .drip-card-head-title {
display: inline-block;
flex: 1;
padding: 16px 0;
@@ -9191,51 +10550,66 @@
white-space: nowrap;
text-overflow: ellipsis;
}
- .ant-card-head-title > .ant-typography,
- .ant-card-head-title > .ant-typography-edit-content {
+ .drip-card-head-title > .drip-typography,
+ .drip-card-head-title > .drip-typography-edit-content {
left: 0;
margin-top: 0;
margin-bottom: 0;
}
- .ant-card-head .ant-tabs {
+ .drip-card-head .drip-tabs {
clear: both;
margin-bottom: -17px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: normal;
font-size: 14px;
}
- .ant-card-head .ant-tabs-bar {
+ .drip-card-head .drip-tabs-bar {
border-bottom: 1px solid #f0f0f0;
}
- .ant-card-extra {
+ .drip-card-type-simple .drip-card-extra {
+ padding: 2px 3px;
+ }
+ .drip-card-extra {
float: right;
margin-left: auto;
padding: 16px 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: normal;
font-size: 14px;
}
- .ant-card-rtl .ant-card-extra {
+ .drip-card-rtl .drip-card-extra {
margin-right: auto;
margin-left: 0;
}
- .ant-card-body {
+ .drip-card-type-simple .drip-card-body {
+ padding: 16px;
+ padding-top: 8px;
+ color: rgba(0, 0, 0, 0.65);
+ }
+ .drip-card-body {
padding: 24px;
}
- .ant-card-body::before {
+ .drip-card-body::before {
display: table;
content: '';
}
- .ant-card-body::after {
+ .drip-card-body::after {
display: table;
clear: both;
content: '';
}
- .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
+ .drip-card-supplementary {
+ font-size: 12px;
+ color: rgba(0, 0, 0, 0.45);
+ }
+ .drip-card-operate {
+ text-align: center;
+ }
+ .drip-card-contain-grid:not(.drip-card-loading) .drip-card-body {
margin: -1px 0 0 -1px;
padding: 0;
}
- .ant-card-grid {
+ .drip-card-grid {
float: left;
width: 33.33%;
padding: 24px;
@@ -9244,59 +10618,59 @@
box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
transition: all 0.3s;
}
- .ant-card-rtl .ant-card-grid {
+ .drip-card-rtl .drip-card-grid {
float: right;
}
- .ant-card-grid-hoverable:hover {
+ .drip-card-grid-hoverable:hover {
position: relative;
z-index: 1;
- box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
+ box-shadow: 0px 8px 24px 8px rgba(0, 0, 0, 0.04), 0px 0px 16px rgba(0, 0, 0, 0.08);
}
- .ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
+ .drip-card-contain-tabs > .drip-card-head .drip-card-head-title {
min-height: 32px;
padding-bottom: 0;
}
- .ant-card-contain-tabs > .ant-card-head .ant-card-extra {
+ .drip-card-contain-tabs > .drip-card-head .drip-card-extra {
padding-bottom: 0;
}
- .ant-card-bordered .ant-card-cover {
+ .drip-card-bordered .drip-card-cover {
margin-top: -1px;
margin-right: -1px;
margin-left: -1px;
}
- .ant-card-cover > * {
+ .drip-card-cover > * {
display: block;
width: 100%;
}
- .ant-card-cover img {
+ .drip-card-cover img {
border-radius: 2px 2px 0 0;
}
- .ant-card-actions {
+ .drip-card-actions {
margin: 0;
padding: 0;
list-style: none;
background: #fff;
border-top: 1px solid #f0f0f0;
}
- .ant-card-actions::before {
+ .drip-card-actions::before {
display: table;
content: '';
}
- .ant-card-actions::after {
+ .drip-card-actions::after {
display: table;
clear: both;
content: '';
}
- .ant-card-actions > li {
+ .drip-card-actions > li {
float: left;
margin: 12px 0;
color: rgba(0, 0, 0, 0.45);
text-align: center;
}
- .ant-card-rtl .ant-card-actions > li {
+ .drip-card-rtl .drip-card-actions > li {
float: right;
}
- .ant-card-actions > li > span {
+ .drip-card-actions > li > span {
position: relative;
display: block;
min-width: 32px;
@@ -9304,98 +10678,98 @@
line-height: 1.5715;
cursor: pointer;
}
- .ant-card-actions > li > span:hover {
- color: #1890ff;
+ .drip-card-actions > li > span:hover {
+ color: #2D64FF;
transition: color 0.3s;
}
- .ant-card-actions > li > span a:not(.ant-btn),
- .ant-card-actions > li > span > .anticon {
+ .drip-card-actions > li > span a:not(.drip-btn),
+ .drip-card-actions > li > span > .dripicon {
display: inline-block;
width: 100%;
color: rgba(0, 0, 0, 0.45);
line-height: 22px;
transition: color 0.3s;
}
- .ant-card-actions > li > span a:not(.ant-btn):hover,
- .ant-card-actions > li > span > .anticon:hover {
- color: #1890ff;
+ .drip-card-actions > li > span a:not(.drip-btn):hover,
+ .drip-card-actions > li > span > .dripicon:hover {
+ color: #2D64FF;
}
- .ant-card-actions > li > span > .anticon {
+ .drip-card-actions > li > span > .dripicon {
font-size: 16px;
line-height: 22px;
}
- .ant-card-actions > li:not(:last-child) {
+ .drip-card-actions > li:not(:last-child) {
border-right: 1px solid #f0f0f0;
}
- .ant-card-rtl .ant-card-actions > li:not(:last-child) {
+ .drip-card-rtl .drip-card-actions > li:not(:last-child) {
border-right: none;
border-left: 1px solid #f0f0f0;
}
- .ant-card-type-inner .ant-card-head {
+ .drip-card-type-inner .drip-card-head {
padding: 0 24px;
background: #fafafa;
}
- .ant-card-type-inner .ant-card-head-title {
+ .drip-card-type-inner .drip-card-head-title {
padding: 12px 0;
font-size: 14px;
}
- .ant-card-type-inner .ant-card-body {
+ .drip-card-type-inner .drip-card-body {
padding: 16px 24px;
}
- .ant-card-type-inner .ant-card-extra {
+ .drip-card-type-inner .drip-card-extra {
padding: 13.5px 0;
}
- .ant-card-meta {
+ .drip-card-meta {
margin: -4px 0;
}
- .ant-card-meta::before {
+ .drip-card-meta::before {
display: table;
content: '';
}
- .ant-card-meta::after {
+ .drip-card-meta::after {
display: table;
clear: both;
content: '';
}
- .ant-card-meta-avatar {
+ .drip-card-meta-avatar {
float: left;
padding-right: 16px;
}
- .ant-card-rtl .ant-card-meta-avatar {
+ .drip-card-rtl .drip-card-meta-avatar {
float: right;
padding-right: 0;
padding-left: 16px;
}
- .ant-card-meta-detail {
+ .drip-card-meta-detail {
overflow: hidden;
}
- .ant-card-meta-detail > div:not(:last-child) {
+ .drip-card-meta-detail > div:not(:last-child) {
margin-bottom: 8px;
}
- .ant-card-meta-title {
+ .drip-card-meta-title {
overflow: hidden;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: 500;
font-size: 16px;
white-space: nowrap;
text-overflow: ellipsis;
}
- .ant-card-meta-description {
+ .drip-card-meta-description {
color: rgba(0, 0, 0, 0.45);
}
- .ant-card-loading {
+ .drip-card-loading {
overflow: hidden;
}
- .ant-card-loading .ant-card-body {
+ .drip-card-loading .drip-card-body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
- .ant-card-loading-content p {
+ .drip-card-loading-content p {
margin: 0;
}
- .ant-card-loading-block {
+ .drip-card-loading-block {
height: 14px;
margin: 4px 0;
background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
@@ -9422,19 +10796,19 @@
background-position: 100% 50%;
}
}
- .ant-card-small > .ant-card-head {
+ .drip-card-small > .drip-card-head {
min-height: 36px;
padding: 0 12px;
font-size: 14px;
}
- .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
+ .drip-card-small > .drip-card-head > .drip-card-head-wrapper > .drip-card-head-title {
padding: 8px 0;
}
- .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
+ .drip-card-small > .drip-card-head > .drip-card-head-wrapper > .drip-card-extra {
padding: 8px 0;
font-size: 14px;
}
- .ant-card-small > .ant-card-body {
+ .drip-card-small > .drip-card-body {
padding: 12px;
}
@@ -9442,291 +10816,297 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
+ .drip-tabs-small > .drip-tabs-nav .drip-tabs-tab {
padding: 8px 0;
font-size: 14px;
}
- .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
+ .drip-tabs-large > .drip-tabs-nav .drip-tabs-tab {
padding: 16px 0;
font-size: 16px;
}
- .ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
+ .drip-tabs-card.drip-tabs-small > .drip-tabs-nav .drip-tabs-tab {
padding: 6px 16px;
}
- .ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
+ .drip-tabs-card.drip-tabs-large > .drip-tabs-nav .drip-tabs-tab {
padding: 7px 16px 6px;
}
- .ant-tabs-rtl {
+ .drip-tabs-round.drip-tabs-small > .drip-tabs-nav .drip-tabs-tab {
+ padding: 1px 16px;
+ }
+ .drip-tabs-round.drip-tabs-large > .drip-tabs-nav .drip-tabs-tab {
+ padding: 8px 16px;
+ }
+ .drip-tabs-rtl {
direction: rtl;
}
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
+ .drip-tabs-rtl .drip-tabs-nav .drip-tabs-tab {
margin: 0 0 0 32px;
}
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
+ .drip-tabs-rtl .drip-tabs-nav .drip-tabs-tab:last-of-type {
margin-left: 0;
}
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
+ .drip-tabs-rtl .drip-tabs-nav .drip-tabs-tab .dripicon {
margin-right: 0;
margin-left: 12px;
}
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
+ .drip-tabs-rtl .drip-tabs-nav .drip-tabs-tab .drip-tabs-tab-remove {
margin-right: 8px;
margin-left: -4px;
}
- .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
+ .drip-tabs-rtl .drip-tabs-nav .drip-tabs-tab .drip-tabs-tab-remove .dripicon {
margin: 0;
}
- .ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
+ .drip-tabs-rtl.drip-tabs-left > .drip-tabs-nav {
order: 1;
}
- .ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
+ .drip-tabs-rtl.drip-tabs-left > .drip-tabs-content-holder {
order: 0;
}
- .ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
+ .drip-tabs-rtl.drip-tabs-right > .drip-tabs-nav {
order: 0;
}
- .ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
+ .drip-tabs-rtl.drip-tabs-right > .drip-tabs-content-holder {
order: 1;
}
- .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
- .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
- .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
- .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
+ .drip-tabs-rtl.drip-tabs-card.drip-tabs-top > .drip-tabs-nav .drip-tabs-tab + .drip-tabs-tab,
+ .drip-tabs-rtl.drip-tabs-card.drip-tabs-bottom > .drip-tabs-nav .drip-tabs-tab + .drip-tabs-tab,
+ .drip-tabs-rtl.drip-tabs-card.drip-tabs-top > div > .drip-tabs-nav .drip-tabs-tab + .drip-tabs-tab,
+ .drip-tabs-rtl.drip-tabs-card.drip-tabs-bottom > div > .drip-tabs-nav .drip-tabs-tab + .drip-tabs-tab {
margin-right: 2px;
margin-left: 0;
}
- .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add,
- .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add,
- .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add,
- .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add {
+ .drip-tabs-rtl.drip-tabs-card.drip-tabs-top > .drip-tabs-nav .drip-tabs-nav-add,
+ .drip-tabs-rtl.drip-tabs-card.drip-tabs-bottom > .drip-tabs-nav .drip-tabs-nav-add,
+ .drip-tabs-rtl.drip-tabs-card.drip-tabs-top > div > .drip-tabs-nav .drip-tabs-nav-add,
+ .drip-tabs-rtl.drip-tabs-card.drip-tabs-bottom > div > .drip-tabs-nav .drip-tabs-nav-add {
margin-right: 2px;
margin-left: 0;
}
- .ant-tabs-dropdown-rtl {
+ .drip-tabs-dropdown-rtl {
direction: rtl;
}
- .ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
+ .drip-tabs-dropdown-rtl .drip-tabs-dropdown-menu-item {
text-align: right;
}
- .ant-tabs-top,
- .ant-tabs-bottom {
+ .drip-tabs-top,
+ .drip-tabs-bottom {
flex-direction: column;
}
- .ant-tabs-top > .ant-tabs-nav,
- .ant-tabs-bottom > .ant-tabs-nav,
- .ant-tabs-top > div > .ant-tabs-nav,
- .ant-tabs-bottom > div > .ant-tabs-nav {
+ .drip-tabs-top > .drip-tabs-nav,
+ .drip-tabs-bottom > .drip-tabs-nav,
+ .drip-tabs-top > div > .drip-tabs-nav,
+ .drip-tabs-bottom > div > .drip-tabs-nav {
margin: 0 0 16px 0;
}
- .ant-tabs-top > .ant-tabs-nav::before,
- .ant-tabs-bottom > .ant-tabs-nav::before,
- .ant-tabs-top > div > .ant-tabs-nav::before,
- .ant-tabs-bottom > div > .ant-tabs-nav::before {
+ .drip-tabs-top > .drip-tabs-nav::before,
+ .drip-tabs-bottom > .drip-tabs-nav::before,
+ .drip-tabs-top > div > .drip-tabs-nav::before,
+ .drip-tabs-bottom > div > .drip-tabs-nav::before {
position: absolute;
right: 0;
left: 0;
border-bottom: 1px solid #f0f0f0;
content: '';
}
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
+ .drip-tabs-top > .drip-tabs-nav .drip-tabs-ink-bar,
+ .drip-tabs-bottom > .drip-tabs-nav .drip-tabs-ink-bar,
+ .drip-tabs-top > div > .drip-tabs-nav .drip-tabs-ink-bar,
+ .drip-tabs-bottom > div > .drip-tabs-nav .drip-tabs-ink-bar {
height: 2px;
}
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
+ .drip-tabs-top > .drip-tabs-nav .drip-tabs-ink-bar-animated,
+ .drip-tabs-bottom > .drip-tabs-nav .drip-tabs-ink-bar-animated,
+ .drip-tabs-top > div > .drip-tabs-nav .drip-tabs-ink-bar-animated,
+ .drip-tabs-bottom > div > .drip-tabs-nav .drip-tabs-ink-bar-animated {
transition: width 0.3s, left 0.3s, right 0.3s;
}
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
+ .drip-tabs-top > .drip-tabs-nav .drip-tabs-nav-wrap::before,
+ .drip-tabs-bottom > .drip-tabs-nav .drip-tabs-nav-wrap::before,
+ .drip-tabs-top > div > .drip-tabs-nav .drip-tabs-nav-wrap::before,
+ .drip-tabs-bottom > div > .drip-tabs-nav .drip-tabs-nav-wrap::before,
+ .drip-tabs-top > .drip-tabs-nav .drip-tabs-nav-wrap::after,
+ .drip-tabs-bottom > .drip-tabs-nav .drip-tabs-nav-wrap::after,
+ .drip-tabs-top > div > .drip-tabs-nav .drip-tabs-nav-wrap::after,
+ .drip-tabs-bottom > div > .drip-tabs-nav .drip-tabs-nav-wrap::after {
top: 0;
bottom: 0;
width: 30px;
}
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
+ .drip-tabs-top > .drip-tabs-nav .drip-tabs-nav-wrap::before,
+ .drip-tabs-bottom > .drip-tabs-nav .drip-tabs-nav-wrap::before,
+ .drip-tabs-top > div > .drip-tabs-nav .drip-tabs-nav-wrap::before,
+ .drip-tabs-bottom > div > .drip-tabs-nav .drip-tabs-nav-wrap::before {
left: 0;
box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
+ .drip-tabs-top > .drip-tabs-nav .drip-tabs-nav-wrap::after,
+ .drip-tabs-bottom > .drip-tabs-nav .drip-tabs-nav-wrap::after,
+ .drip-tabs-top > div > .drip-tabs-nav .drip-tabs-nav-wrap::after,
+ .drip-tabs-bottom > div > .drip-tabs-nav .drip-tabs-nav-wrap::after {
right: 0;
box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
+ .drip-tabs-top > .drip-tabs-nav .drip-tabs-nav-wrap.drip-tabs-nav-wrap-ping-left::before,
+ .drip-tabs-bottom > .drip-tabs-nav .drip-tabs-nav-wrap.drip-tabs-nav-wrap-ping-left::before,
+ .drip-tabs-top > div > .drip-tabs-nav .drip-tabs-nav-wrap.drip-tabs-nav-wrap-ping-left::before,
+ .drip-tabs-bottom > div > .drip-tabs-nav .drip-tabs-nav-wrap.drip-tabs-nav-wrap-ping-left::before {
opacity: 1;
}
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
+ .drip-tabs-top > .drip-tabs-nav .drip-tabs-nav-wrap.drip-tabs-nav-wrap-ping-right::after,
+ .drip-tabs-bottom > .drip-tabs-nav .drip-tabs-nav-wrap.drip-tabs-nav-wrap-ping-right::after,
+ .drip-tabs-top > div > .drip-tabs-nav .drip-tabs-nav-wrap.drip-tabs-nav-wrap-ping-right::after,
+ .drip-tabs-bottom > div > .drip-tabs-nav .drip-tabs-nav-wrap.drip-tabs-nav-wrap-ping-right::after {
opacity: 1;
}
- .ant-tabs-top > .ant-tabs-nav::before,
- .ant-tabs-top > div > .ant-tabs-nav::before {
+ .drip-tabs-top > .drip-tabs-nav::before,
+ .drip-tabs-top > div > .drip-tabs-nav::before {
bottom: 0;
}
- .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
- .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
+ .drip-tabs-top > .drip-tabs-nav .drip-tabs-ink-bar,
+ .drip-tabs-top > div > .drip-tabs-nav .drip-tabs-ink-bar {
bottom: 0;
}
- .ant-tabs-bottom > .ant-tabs-nav,
- .ant-tabs-bottom > div > .ant-tabs-nav {
+ .drip-tabs-bottom > .drip-tabs-nav,
+ .drip-tabs-bottom > div > .drip-tabs-nav {
order: 1;
margin-top: 16px;
margin-bottom: 0;
}
- .ant-tabs-bottom > .ant-tabs-nav::before,
- .ant-tabs-bottom > div > .ant-tabs-nav::before {
+ .drip-tabs-bottom > .drip-tabs-nav::before,
+ .drip-tabs-bottom > div > .drip-tabs-nav::before {
top: 0;
}
- .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
- .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
+ .drip-tabs-bottom > .drip-tabs-nav .drip-tabs-ink-bar,
+ .drip-tabs-bottom > div > .drip-tabs-nav .drip-tabs-ink-bar {
top: 0;
}
- .ant-tabs-bottom > .ant-tabs-content-holder,
- .ant-tabs-bottom > div > .ant-tabs-content-holder {
+ .drip-tabs-bottom > .drip-tabs-content-holder,
+ .drip-tabs-bottom > div > .drip-tabs-content-holder {
order: 0;
}
- .ant-tabs-left > .ant-tabs-nav,
- .ant-tabs-right > .ant-tabs-nav,
- .ant-tabs-left > div > .ant-tabs-nav,
- .ant-tabs-right > div > .ant-tabs-nav {
+ .drip-tabs-left > .drip-tabs-nav,
+ .drip-tabs-right > .drip-tabs-nav,
+ .drip-tabs-left > div > .drip-tabs-nav,
+ .drip-tabs-right > div > .drip-tabs-nav {
flex-direction: column;
min-width: 50px;
}
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
+ .drip-tabs-left > .drip-tabs-nav .drip-tabs-tab,
+ .drip-tabs-right > .drip-tabs-nav .drip-tabs-tab,
+ .drip-tabs-left > div > .drip-tabs-nav .drip-tabs-tab,
+ .drip-tabs-right > div > .drip-tabs-nav .drip-tabs-tab {
padding: 8px 24px;
text-align: center;
}
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
+ .drip-tabs-left > .drip-tabs-nav .drip-tabs-tab + .drip-tabs-tab,
+ .drip-tabs-right > .drip-tabs-nav .drip-tabs-tab + .drip-tabs-tab,
+ .drip-tabs-left > div > .drip-tabs-nav .drip-tabs-tab + .drip-tabs-tab,
+ .drip-tabs-right > div > .drip-tabs-nav .drip-tabs-tab + .drip-tabs-tab {
margin: 16px 0 0 0;
}
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
+ .drip-tabs-left > .drip-tabs-nav .drip-tabs-nav-wrap,
+ .drip-tabs-right > .drip-tabs-nav .drip-tabs-nav-wrap,
+ .drip-tabs-left > div > .drip-tabs-nav .drip-tabs-nav-wrap,
+ .drip-tabs-right > div > .drip-tabs-nav .drip-tabs-nav-wrap {
flex-direction: column;
}
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
+ .drip-tabs-left > .drip-tabs-nav .drip-tabs-nav-wrap::before,
+ .drip-tabs-right > .drip-tabs-nav .drip-tabs-nav-wrap::before,
+ .drip-tabs-left > div > .drip-tabs-nav .drip-tabs-nav-wrap::before,
+ .drip-tabs-right > div > .drip-tabs-nav .drip-tabs-nav-wrap::before,
+ .drip-tabs-left > .drip-tabs-nav .drip-tabs-nav-wrap::after,
+ .drip-tabs-right > .drip-tabs-nav .drip-tabs-nav-wrap::after,
+ .drip-tabs-left > div > .drip-tabs-nav .drip-tabs-nav-wrap::after,
+ .drip-tabs-right > div > .drip-tabs-nav .drip-tabs-nav-wrap::after {
right: 0;
left: 0;
height: 30px;
}
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
+ .drip-tabs-left > .drip-tabs-nav .drip-tabs-nav-wrap::before,
+ .drip-tabs-right > .drip-tabs-nav .drip-tabs-nav-wrap::before,
+ .drip-tabs-left > div > .drip-tabs-nav .drip-tabs-nav-wrap::before,
+ .drip-tabs-right > div > .drip-tabs-nav .drip-tabs-nav-wrap::before {
top: 0;
box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
}
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
+ .drip-tabs-left > .drip-tabs-nav .drip-tabs-nav-wrap::after,
+ .drip-tabs-right > .drip-tabs-nav .drip-tabs-nav-wrap::after,
+ .drip-tabs-left > div > .drip-tabs-nav .drip-tabs-nav-wrap::after,
+ .drip-tabs-right > div > .drip-tabs-nav .drip-tabs-nav-wrap::after {
bottom: 0;
box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
}
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
+ .drip-tabs-left > .drip-tabs-nav .drip-tabs-nav-wrap.drip-tabs-nav-wrap-ping-top::before,
+ .drip-tabs-right > .drip-tabs-nav .drip-tabs-nav-wrap.drip-tabs-nav-wrap-ping-top::before,
+ .drip-tabs-left > div > .drip-tabs-nav .drip-tabs-nav-wrap.drip-tabs-nav-wrap-ping-top::before,
+ .drip-tabs-right > div > .drip-tabs-nav .drip-tabs-nav-wrap.drip-tabs-nav-wrap-ping-top::before {
opacity: 1;
}
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
+ .drip-tabs-left > .drip-tabs-nav .drip-tabs-nav-wrap.drip-tabs-nav-wrap-ping-bottom::after,
+ .drip-tabs-right > .drip-tabs-nav .drip-tabs-nav-wrap.drip-tabs-nav-wrap-ping-bottom::after,
+ .drip-tabs-left > div > .drip-tabs-nav .drip-tabs-nav-wrap.drip-tabs-nav-wrap-ping-bottom::after,
+ .drip-tabs-right > div > .drip-tabs-nav .drip-tabs-nav-wrap.drip-tabs-nav-wrap-ping-bottom::after {
opacity: 1;
}
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
+ .drip-tabs-left > .drip-tabs-nav .drip-tabs-ink-bar,
+ .drip-tabs-right > .drip-tabs-nav .drip-tabs-ink-bar,
+ .drip-tabs-left > div > .drip-tabs-nav .drip-tabs-ink-bar,
+ .drip-tabs-right > div > .drip-tabs-nav .drip-tabs-ink-bar {
width: 2px;
}
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
+ .drip-tabs-left > .drip-tabs-nav .drip-tabs-ink-bar-animated,
+ .drip-tabs-right > .drip-tabs-nav .drip-tabs-ink-bar-animated,
+ .drip-tabs-left > div > .drip-tabs-nav .drip-tabs-ink-bar-animated,
+ .drip-tabs-right > div > .drip-tabs-nav .drip-tabs-ink-bar-animated {
transition: height 0.3s, top 0.3s;
}
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
+ .drip-tabs-left > .drip-tabs-nav .drip-tabs-nav-list,
+ .drip-tabs-right > .drip-tabs-nav .drip-tabs-nav-list,
+ .drip-tabs-left > div > .drip-tabs-nav .drip-tabs-nav-list,
+ .drip-tabs-right > div > .drip-tabs-nav .drip-tabs-nav-list,
+ .drip-tabs-left > .drip-tabs-nav .drip-tabs-nav-operations,
+ .drip-tabs-right > .drip-tabs-nav .drip-tabs-nav-operations,
+ .drip-tabs-left > div > .drip-tabs-nav .drip-tabs-nav-operations,
+ .drip-tabs-right > div > .drip-tabs-nav .drip-tabs-nav-operations {
flex: 1 0 auto;
flex-direction: column;
}
- .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
- .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
+ .drip-tabs-left > .drip-tabs-nav .drip-tabs-ink-bar,
+ .drip-tabs-left > div > .drip-tabs-nav .drip-tabs-ink-bar {
right: 0;
}
- .ant-tabs-left > .ant-tabs-content-holder,
- .ant-tabs-left > div > .ant-tabs-content-holder {
+ .drip-tabs-left > .drip-tabs-content-holder,
+ .drip-tabs-left > div > .drip-tabs-content-holder {
margin-left: -1px;
border-left: 1px solid #f0f0f0;
}
- .ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
- .ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
+ .drip-tabs-left > .drip-tabs-content-holder > .drip-tabs-content > .drip-tabs-tabpane,
+ .drip-tabs-left > div > .drip-tabs-content-holder > .drip-tabs-content > .drip-tabs-tabpane {
padding-left: 24px;
}
- .ant-tabs-right > .ant-tabs-nav,
- .ant-tabs-right > div > .ant-tabs-nav {
+ .drip-tabs-right > .drip-tabs-nav,
+ .drip-tabs-right > div > .drip-tabs-nav {
order: 1;
}
- .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
- .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
+ .drip-tabs-right > .drip-tabs-nav .drip-tabs-ink-bar,
+ .drip-tabs-right > div > .drip-tabs-nav .drip-tabs-ink-bar {
left: 0;
}
- .ant-tabs-right > .ant-tabs-content-holder,
- .ant-tabs-right > div > .ant-tabs-content-holder {
+ .drip-tabs-right > .drip-tabs-content-holder,
+ .drip-tabs-right > div > .drip-tabs-content-holder {
order: 0;
margin-right: -1px;
border-right: 1px solid #f0f0f0;
}
- .ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
- .ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
+ .drip-tabs-right > .drip-tabs-content-holder > .drip-tabs-content > .drip-tabs-tabpane,
+ .drip-tabs-right > div > .drip-tabs-content-holder > .drip-tabs-content > .drip-tabs-tabpane {
padding-right: 24px;
}
- .ant-tabs-dropdown {
+ .drip-tabs-dropdown {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -9738,10 +11118,10 @@
z-index: 1050;
display: block;
}
- .ant-tabs-dropdown-hidden {
+ .drip-tabs-dropdown-hidden {
display: none;
}
- .ant-tabs-dropdown-menu {
+ .drip-tabs-dropdown-menu {
max-height: 200px;
margin: 0;
padding: 4px 0;
@@ -9755,12 +11135,12 @@
outline: none;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
- .ant-tabs-dropdown-menu-item {
+ .drip-tabs-dropdown-menu-item {
min-width: 120px;
margin: 0;
padding: 5px 12px;
overflow: hidden;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: normal;
font-size: 14px;
line-height: 22px;
@@ -9769,81 +11149,116 @@
cursor: pointer;
transition: all 0.3s;
}
- .ant-tabs-dropdown-menu-item:hover {
+ .drip-tabs-dropdown-menu-item:hover {
background: #f5f5f5;
}
- .ant-tabs-dropdown-menu-item-disabled,
- .ant-tabs-dropdown-menu-item-disabled:hover {
+ .drip-tabs-dropdown-menu-item-disabled,
+ .drip-tabs-dropdown-menu-item-disabled:hover {
color: rgba(0, 0, 0, 0.25);
background: transparent;
cursor: not-allowed;
}
- .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
- .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
+ .drip-tabs-card > .drip-tabs-nav .drip-tabs-tab,
+ .drip-tabs-card > div > .drip-tabs-nav .drip-tabs-tab {
margin: 0;
padding: 8px 16px;
background: #fafafa;
border: 1px solid #f0f0f0;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
- .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
- .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
- color: #1890ff;
+ .drip-tabs-card > .drip-tabs-nav .drip-tabs-tab-active,
+ .drip-tabs-card > div > .drip-tabs-nav .drip-tabs-tab-active {
+ color: #2D64FF;
background: #fff;
}
- .ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
- .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
+ .drip-tabs-card > .drip-tabs-nav .drip-tabs-ink-bar,
+ .drip-tabs-card > div > .drip-tabs-nav .drip-tabs-ink-bar {
visibility: hidden;
}
- .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
- .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
- .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
- .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
+ .drip-tabs-card.drip-tabs-top > .drip-tabs-nav .drip-tabs-tab + .drip-tabs-tab,
+ .drip-tabs-card.drip-tabs-bottom > .drip-tabs-nav .drip-tabs-tab + .drip-tabs-tab,
+ .drip-tabs-card.drip-tabs-top > div > .drip-tabs-nav .drip-tabs-tab + .drip-tabs-tab,
+ .drip-tabs-card.drip-tabs-bottom > div > .drip-tabs-nav .drip-tabs-tab + .drip-tabs-tab {
margin-left: 2px;
}
- .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
- .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
- border-radius: 2px 2px 0 0;
+ .drip-tabs-card.drip-tabs-top > .drip-tabs-nav .drip-tabs-tab,
+ .drip-tabs-card.drip-tabs-top > div > .drip-tabs-nav .drip-tabs-tab {
+ border-radius: 4px 4px 0 0;
}
- .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
- .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
+ .drip-tabs-card.drip-tabs-top > .drip-tabs-nav .drip-tabs-tab-active,
+ .drip-tabs-card.drip-tabs-top > div > .drip-tabs-nav .drip-tabs-tab-active {
border-bottom-color: #fff;
}
- .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
- .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
- border-radius: 0 0 2px 2px;
+ .drip-tabs-card.drip-tabs-bottom > .drip-tabs-nav .drip-tabs-tab,
+ .drip-tabs-card.drip-tabs-bottom > div > .drip-tabs-nav .drip-tabs-tab {
+ border-radius: 0 0 4px 4px;
}
- .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
- .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
+ .drip-tabs-card.drip-tabs-bottom > .drip-tabs-nav .drip-tabs-tab-active,
+ .drip-tabs-card.drip-tabs-bottom > div > .drip-tabs-nav .drip-tabs-tab-active {
border-top-color: #fff;
}
- .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
- .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
- .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
- .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
+ .drip-tabs-card.drip-tabs-left > .drip-tabs-nav .drip-tabs-tab + .drip-tabs-tab,
+ .drip-tabs-card.drip-tabs-right > .drip-tabs-nav .drip-tabs-tab + .drip-tabs-tab,
+ .drip-tabs-card.drip-tabs-left > div > .drip-tabs-nav .drip-tabs-tab + .drip-tabs-tab,
+ .drip-tabs-card.drip-tabs-right > div > .drip-tabs-nav .drip-tabs-tab + .drip-tabs-tab {
margin-top: 2px;
}
- .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
- .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
- border-radius: 2px 0 0 2px;
+ .drip-tabs-card.drip-tabs-left > .drip-tabs-nav .drip-tabs-tab,
+ .drip-tabs-card.drip-tabs-left > div > .drip-tabs-nav .drip-tabs-tab {
+ border-radius: 4px 0 0 4px;
}
- .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
- .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
+ .drip-tabs-card.drip-tabs-left > .drip-tabs-nav .drip-tabs-tab-active,
+ .drip-tabs-card.drip-tabs-left > div > .drip-tabs-nav .drip-tabs-tab-active {
border-right-color: #fff;
}
- .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
- .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
- border-radius: 0 2px 2px 0;
+ .drip-tabs-card.drip-tabs-right > .drip-tabs-nav .drip-tabs-tab,
+ .drip-tabs-card.drip-tabs-right > div > .drip-tabs-nav .drip-tabs-tab {
+ border-radius: 0 4px 4px 0;
}
- .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
- .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
+ .drip-tabs-card.drip-tabs-right > .drip-tabs-nav .drip-tabs-tab-active,
+ .drip-tabs-card.drip-tabs-right > div > .drip-tabs-nav .drip-tabs-tab-active {
border-left-color: #fff;
}
- .ant-tabs {
+ .drip-tabs.drip-tabs-round {
+ overflow: visible;
+ }
+ .drip-tabs.drip-tabs-round > .drip-tabs-nav::before {
+ display: none;
+ }
+ .drip-tabs.drip-tabs-round > .drip-tabs-nav > .drip-tabs-nav-wrap {
+ overflow: visible;
+ }
+ .drip-tabs.drip-tabs-round > .drip-tabs-nav .drip-tabs-ink-bar {
+ background-color: #FFFFFF;
+ box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06);
+ border-radius: 20px;
+ height: 100%;
+ z-index: -1;
+ }
+ .drip-tabs.drip-tabs-round .drip-tabs-tab {
+ padding: 5px 16px;
+ margin: 0;
+ }
+ .drip-tabs.drip-tabs-round .drip-tabs-tab + .drip-tabs-tab {
+ margin: 0;
+ }
+ .drip-tabs.drip-tabs-round .drip-tabs-nav-list {
+ background-color: rgba(0, 0, 0, 0.04);
+ border-radius: 32px;
+ }
+ .drip-tabs-left.drip-tabs-round .drip-tabs-tab,
+ .drip-tabs-right.drip-tabs-round .drip-tabs-tab {
+ padding: 12px 24px;
+ }
+ .drip-tabs-left.drip-tabs-round > .drip-tabs-nav .drip-tabs-ink-bar,
+ .drip-tabs-right.drip-tabs-round > .drip-tabs-nav .drip-tabs-ink-bar {
+ width: 100%;
+ }
+ .drip-tabs {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -9852,15 +11267,15 @@
display: flex;
overflow: hidden;
}
- .ant-tabs > .ant-tabs-nav,
- .ant-tabs > div > .ant-tabs-nav {
+ .drip-tabs > .drip-tabs-nav,
+ .drip-tabs > div > .drip-tabs-nav {
position: relative;
display: flex;
flex: none;
align-items: center;
}
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
+ .drip-tabs > .drip-tabs-nav .drip-tabs-nav-wrap,
+ .drip-tabs > div > .drip-tabs-nav .drip-tabs-nav-wrap {
position: relative;
display: inline-block;
display: flex;
@@ -9870,10 +11285,10 @@
white-space: nowrap;
transform: translate(0);
}
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before,
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after,
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
+ .drip-tabs > .drip-tabs-nav .drip-tabs-nav-wrap::before,
+ .drip-tabs > div > .drip-tabs-nav .drip-tabs-nav-wrap::before,
+ .drip-tabs > .drip-tabs-nav .drip-tabs-nav-wrap::after,
+ .drip-tabs > div > .drip-tabs-nav .drip-tabs-nav-wrap::after {
position: absolute;
z-index: 1;
opacity: 0;
@@ -9881,32 +11296,32 @@
content: '';
pointer-events: none;
}
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
+ .drip-tabs > .drip-tabs-nav .drip-tabs-nav-list,
+ .drip-tabs > div > .drip-tabs-nav .drip-tabs-nav-list {
position: relative;
display: flex;
transition: transform 0.3s;
}
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
+ .drip-tabs > .drip-tabs-nav .drip-tabs-nav-operations,
+ .drip-tabs > div > .drip-tabs-nav .drip-tabs-nav-operations {
display: flex;
align-self: stretch;
}
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
+ .drip-tabs > .drip-tabs-nav .drip-tabs-nav-operations-hidden,
+ .drip-tabs > div > .drip-tabs-nav .drip-tabs-nav-operations-hidden {
position: absolute;
visibility: hidden;
pointer-events: none;
}
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
+ .drip-tabs > .drip-tabs-nav .drip-tabs-nav-more,
+ .drip-tabs > div > .drip-tabs-nav .drip-tabs-nav-more {
position: relative;
padding: 8px 16px;
background: transparent;
border: 0;
}
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after,
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after {
+ .drip-tabs > .drip-tabs-nav .drip-tabs-nav-more::after,
+ .drip-tabs > div > .drip-tabs-nav .drip-tabs-nav-more::after {
position: absolute;
right: 0;
bottom: 0;
@@ -9915,8 +11330,8 @@
transform: translateY(100%);
content: '';
}
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
+ .drip-tabs > .drip-tabs-nav .drip-tabs-nav-add,
+ .drip-tabs > div > .drip-tabs-nav .drip-tabs-nav-add {
min-width: 40px;
margin-left: 2px;
padding: 0 8px;
@@ -9927,29 +11342,29 @@
cursor: pointer;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
- color: #40a9ff;
+ .drip-tabs > .drip-tabs-nav .drip-tabs-nav-add:hover,
+ .drip-tabs > div > .drip-tabs-nav .drip-tabs-nav-add:hover {
+ color: #5789ff;
}
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
- .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
- .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
- color: #096dd9;
+ .drip-tabs > .drip-tabs-nav .drip-tabs-nav-add:active,
+ .drip-tabs > div > .drip-tabs-nav .drip-tabs-nav-add:active,
+ .drip-tabs > .drip-tabs-nav .drip-tabs-nav-add:focus,
+ .drip-tabs > div > .drip-tabs-nav .drip-tabs-nav-add:focus {
+ color: #1c48d9;
}
- .ant-tabs-extra-content {
+ .drip-tabs-extra-content {
flex: none;
}
- .ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']),
- .ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) {
+ .drip-tabs-centered > .drip-tabs-nav .drip-tabs-nav-wrap:not([class*='drip-tabs-nav-wrap-ping']),
+ .drip-tabs-centered > div > .drip-tabs-nav .drip-tabs-nav-wrap:not([class*='drip-tabs-nav-wrap-ping']) {
justify-content: center;
}
- .ant-tabs-ink-bar {
+ .drip-tabs-ink-bar {
position: absolute;
- background: #1890ff;
+ background: #2D64FF;
pointer-events: none;
}
- .ant-tabs-tab {
+ .drip-tabs-tab {
position: relative;
display: inline-flex;
align-items: center;
@@ -9960,17 +11375,17 @@
outline: none;
cursor: pointer;
}
- .ant-tabs-tab-btn:focus,
- .ant-tabs-tab-remove:focus,
- .ant-tabs-tab-btn:active,
- .ant-tabs-tab-remove:active {
- color: #096dd9;
+ .drip-tabs-tab-btn:focus,
+ .drip-tabs-tab-remove:focus,
+ .drip-tabs-tab-btn:active,
+ .drip-tabs-tab-remove:active {
+ color: #1c48d9;
}
- .ant-tabs-tab-btn {
+ .drip-tabs-tab-btn {
outline: none;
transition: all 0.3s;
}
- .ant-tabs-tab-remove {
+ .drip-tabs-tab-remove {
flex: none;
margin-right: -4px;
margin-left: 8px;
@@ -9982,48 +11397,48 @@
cursor: pointer;
transition: all 0.3s;
}
- .ant-tabs-tab-remove:hover {
- color: rgba(0, 0, 0, 0.85);
+ .drip-tabs-tab-remove:hover {
+ color: rgba(0, 0, 0, 0.82);
}
- .ant-tabs-tab:hover {
- color: #40a9ff;
+ .drip-tabs-tab:hover {
+ color: #5789ff;
}
- .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
- color: #1890ff;
+ .drip-tabs-tab.drip-tabs-tab-active .drip-tabs-tab-btn {
+ color: #2D64FF;
text-shadow: 0 0 0.25px currentColor;
}
- .ant-tabs-tab.ant-tabs-tab-disabled {
+ .drip-tabs-tab.drip-tabs-tab-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
- .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
- .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
- .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
- .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
+ .drip-tabs-tab.drip-tabs-tab-disabled .drip-tabs-tab-btn:focus,
+ .drip-tabs-tab.drip-tabs-tab-disabled .drip-tabs-tab-remove:focus,
+ .drip-tabs-tab.drip-tabs-tab-disabled .drip-tabs-tab-btn:active,
+ .drip-tabs-tab.drip-tabs-tab-disabled .drip-tabs-tab-remove:active {
color: rgba(0, 0, 0, 0.25);
}
- .ant-tabs-tab .ant-tabs-tab-remove .anticon {
+ .drip-tabs-tab .drip-tabs-tab-remove .dripicon {
margin: 0;
}
- .ant-tabs-tab .anticon {
+ .drip-tabs-tab .dripicon {
margin-right: 12px;
}
- .ant-tabs-tab + .ant-tabs-tab {
+ .drip-tabs-tab + .drip-tabs-tab {
margin: 0 0 0 32px;
}
- .ant-tabs-content {
+ .drip-tabs-content {
display: flex;
width: 100%;
}
- .ant-tabs-content-holder {
+ .drip-tabs-content-holder {
flex: auto;
min-width: 0;
min-height: 0;
}
- .ant-tabs-content-animated {
+ .drip-tabs-content-animated {
transition: margin 0.3s;
}
- .ant-tabs-tabpane {
+ .drip-tabs-tabpane {
flex: none;
width: 100%;
outline: none;
@@ -10033,5181 +11448,5181 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-row {
+ .drip-row {
display: flex;
flex-flow: row wrap;
}
- .ant-row::before,
- .ant-row::after {
+ .drip-row::before,
+ .drip-row::after {
display: flex;
}
- .ant-row-no-wrap {
+ .drip-row-no-wrap {
flex-wrap: nowrap;
}
- .ant-row-start {
+ .drip-row-start {
justify-content: flex-start;
}
- .ant-row-center {
+ .drip-row-center {
justify-content: center;
}
- .ant-row-end {
+ .drip-row-end {
justify-content: flex-end;
}
- .ant-row-space-between {
+ .drip-row-space-between {
justify-content: space-between;
}
- .ant-row-space-around {
+ .drip-row-space-around {
justify-content: space-around;
}
- .ant-row-top {
+ .drip-row-top {
align-items: flex-start;
}
- .ant-row-middle {
+ .drip-row-middle {
align-items: center;
}
- .ant-row-bottom {
+ .drip-row-bottom {
align-items: flex-end;
}
- .ant-col {
+ .drip-col {
position: relative;
max-width: 100%;
min-height: 1px;
}
- .ant-col-24 {
+ .drip-col-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
- .ant-col-push-24 {
+ .drip-col-push-24 {
left: 100%;
}
- .ant-col-pull-24 {
+ .drip-col-pull-24 {
right: 100%;
}
- .ant-col-offset-24 {
+ .drip-col-offset-24 {
margin-left: 100%;
}
- .ant-col-order-24 {
+ .drip-col-order-24 {
order: 24;
}
- .ant-col-23 {
+ .drip-col-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
- .ant-col-push-23 {
+ .drip-col-push-23 {
left: 95.83333333%;
}
- .ant-col-pull-23 {
+ .drip-col-pull-23 {
right: 95.83333333%;
}
- .ant-col-offset-23 {
+ .drip-col-offset-23 {
margin-left: 95.83333333%;
}
- .ant-col-order-23 {
+ .drip-col-order-23 {
order: 23;
}
- .ant-col-22 {
+ .drip-col-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
- .ant-col-push-22 {
+ .drip-col-push-22 {
left: 91.66666667%;
}
- .ant-col-pull-22 {
+ .drip-col-pull-22 {
right: 91.66666667%;
}
- .ant-col-offset-22 {
+ .drip-col-offset-22 {
margin-left: 91.66666667%;
}
- .ant-col-order-22 {
+ .drip-col-order-22 {
order: 22;
}
- .ant-col-21 {
+ .drip-col-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
- .ant-col-push-21 {
+ .drip-col-push-21 {
left: 87.5%;
}
- .ant-col-pull-21 {
+ .drip-col-pull-21 {
right: 87.5%;
}
- .ant-col-offset-21 {
+ .drip-col-offset-21 {
margin-left: 87.5%;
}
- .ant-col-order-21 {
+ .drip-col-order-21 {
order: 21;
}
- .ant-col-20 {
+ .drip-col-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
- .ant-col-push-20 {
+ .drip-col-push-20 {
left: 83.33333333%;
}
- .ant-col-pull-20 {
+ .drip-col-pull-20 {
right: 83.33333333%;
}
- .ant-col-offset-20 {
+ .drip-col-offset-20 {
margin-left: 83.33333333%;
}
- .ant-col-order-20 {
+ .drip-col-order-20 {
order: 20;
}
- .ant-col-19 {
+ .drip-col-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
- .ant-col-push-19 {
+ .drip-col-push-19 {
left: 79.16666667%;
}
- .ant-col-pull-19 {
+ .drip-col-pull-19 {
right: 79.16666667%;
}
- .ant-col-offset-19 {
+ .drip-col-offset-19 {
margin-left: 79.16666667%;
}
- .ant-col-order-19 {
+ .drip-col-order-19 {
order: 19;
}
- .ant-col-18 {
+ .drip-col-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
- .ant-col-push-18 {
+ .drip-col-push-18 {
left: 75%;
}
- .ant-col-pull-18 {
+ .drip-col-pull-18 {
right: 75%;
}
- .ant-col-offset-18 {
+ .drip-col-offset-18 {
margin-left: 75%;
}
- .ant-col-order-18 {
+ .drip-col-order-18 {
order: 18;
}
- .ant-col-17 {
+ .drip-col-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
- .ant-col-push-17 {
+ .drip-col-push-17 {
left: 70.83333333%;
}
- .ant-col-pull-17 {
+ .drip-col-pull-17 {
right: 70.83333333%;
}
- .ant-col-offset-17 {
+ .drip-col-offset-17 {
margin-left: 70.83333333%;
}
- .ant-col-order-17 {
+ .drip-col-order-17 {
order: 17;
}
- .ant-col-16 {
+ .drip-col-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
- .ant-col-push-16 {
+ .drip-col-push-16 {
left: 66.66666667%;
}
- .ant-col-pull-16 {
+ .drip-col-pull-16 {
right: 66.66666667%;
}
- .ant-col-offset-16 {
+ .drip-col-offset-16 {
margin-left: 66.66666667%;
}
- .ant-col-order-16 {
+ .drip-col-order-16 {
order: 16;
}
- .ant-col-15 {
+ .drip-col-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
- .ant-col-push-15 {
+ .drip-col-push-15 {
left: 62.5%;
}
- .ant-col-pull-15 {
+ .drip-col-pull-15 {
right: 62.5%;
}
- .ant-col-offset-15 {
+ .drip-col-offset-15 {
margin-left: 62.5%;
}
- .ant-col-order-15 {
+ .drip-col-order-15 {
order: 15;
}
- .ant-col-14 {
+ .drip-col-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
- .ant-col-push-14 {
+ .drip-col-push-14 {
left: 58.33333333%;
}
- .ant-col-pull-14 {
+ .drip-col-pull-14 {
right: 58.33333333%;
}
- .ant-col-offset-14 {
+ .drip-col-offset-14 {
margin-left: 58.33333333%;
}
- .ant-col-order-14 {
+ .drip-col-order-14 {
order: 14;
}
- .ant-col-13 {
+ .drip-col-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
- .ant-col-push-13 {
+ .drip-col-push-13 {
left: 54.16666667%;
}
- .ant-col-pull-13 {
+ .drip-col-pull-13 {
right: 54.16666667%;
}
- .ant-col-offset-13 {
+ .drip-col-offset-13 {
margin-left: 54.16666667%;
}
- .ant-col-order-13 {
+ .drip-col-order-13 {
order: 13;
}
- .ant-col-12 {
+ .drip-col-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
- .ant-col-push-12 {
+ .drip-col-push-12 {
left: 50%;
}
- .ant-col-pull-12 {
+ .drip-col-pull-12 {
right: 50%;
}
- .ant-col-offset-12 {
+ .drip-col-offset-12 {
margin-left: 50%;
}
- .ant-col-order-12 {
+ .drip-col-order-12 {
order: 12;
}
- .ant-col-11 {
+ .drip-col-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
- .ant-col-push-11 {
+ .drip-col-push-11 {
left: 45.83333333%;
}
- .ant-col-pull-11 {
+ .drip-col-pull-11 {
right: 45.83333333%;
}
- .ant-col-offset-11 {
+ .drip-col-offset-11 {
margin-left: 45.83333333%;
}
- .ant-col-order-11 {
+ .drip-col-order-11 {
order: 11;
}
- .ant-col-10 {
+ .drip-col-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
- .ant-col-push-10 {
+ .drip-col-push-10 {
left: 41.66666667%;
}
- .ant-col-pull-10 {
+ .drip-col-pull-10 {
right: 41.66666667%;
}
- .ant-col-offset-10 {
+ .drip-col-offset-10 {
margin-left: 41.66666667%;
}
- .ant-col-order-10 {
+ .drip-col-order-10 {
order: 10;
}
- .ant-col-9 {
+ .drip-col-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
- .ant-col-push-9 {
+ .drip-col-push-9 {
left: 37.5%;
}
- .ant-col-pull-9 {
+ .drip-col-pull-9 {
right: 37.5%;
}
- .ant-col-offset-9 {
+ .drip-col-offset-9 {
margin-left: 37.5%;
}
- .ant-col-order-9 {
+ .drip-col-order-9 {
order: 9;
}
- .ant-col-8 {
+ .drip-col-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
- .ant-col-push-8 {
+ .drip-col-push-8 {
left: 33.33333333%;
}
- .ant-col-pull-8 {
+ .drip-col-pull-8 {
right: 33.33333333%;
}
- .ant-col-offset-8 {
+ .drip-col-offset-8 {
margin-left: 33.33333333%;
}
- .ant-col-order-8 {
+ .drip-col-order-8 {
order: 8;
}
- .ant-col-7 {
+ .drip-col-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
- .ant-col-push-7 {
+ .drip-col-push-7 {
left: 29.16666667%;
}
- .ant-col-pull-7 {
+ .drip-col-pull-7 {
right: 29.16666667%;
}
- .ant-col-offset-7 {
+ .drip-col-offset-7 {
margin-left: 29.16666667%;
}
- .ant-col-order-7 {
+ .drip-col-order-7 {
order: 7;
}
- .ant-col-6 {
+ .drip-col-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
- .ant-col-push-6 {
+ .drip-col-push-6 {
left: 25%;
}
- .ant-col-pull-6 {
+ .drip-col-pull-6 {
right: 25%;
}
- .ant-col-offset-6 {
+ .drip-col-offset-6 {
margin-left: 25%;
}
- .ant-col-order-6 {
+ .drip-col-order-6 {
order: 6;
}
- .ant-col-5 {
+ .drip-col-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
- .ant-col-push-5 {
+ .drip-col-push-5 {
left: 20.83333333%;
}
- .ant-col-pull-5 {
+ .drip-col-pull-5 {
right: 20.83333333%;
}
- .ant-col-offset-5 {
+ .drip-col-offset-5 {
margin-left: 20.83333333%;
}
- .ant-col-order-5 {
+ .drip-col-order-5 {
order: 5;
}
- .ant-col-4 {
+ .drip-col-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
- .ant-col-push-4 {
+ .drip-col-push-4 {
left: 16.66666667%;
}
- .ant-col-pull-4 {
+ .drip-col-pull-4 {
right: 16.66666667%;
}
- .ant-col-offset-4 {
+ .drip-col-offset-4 {
margin-left: 16.66666667%;
}
- .ant-col-order-4 {
+ .drip-col-order-4 {
order: 4;
}
- .ant-col-3 {
+ .drip-col-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
- .ant-col-push-3 {
+ .drip-col-push-3 {
left: 12.5%;
}
- .ant-col-pull-3 {
+ .drip-col-pull-3 {
right: 12.5%;
}
- .ant-col-offset-3 {
+ .drip-col-offset-3 {
margin-left: 12.5%;
}
- .ant-col-order-3 {
+ .drip-col-order-3 {
order: 3;
}
- .ant-col-2 {
+ .drip-col-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
- .ant-col-push-2 {
+ .drip-col-push-2 {
left: 8.33333333%;
}
- .ant-col-pull-2 {
+ .drip-col-pull-2 {
right: 8.33333333%;
}
- .ant-col-offset-2 {
+ .drip-col-offset-2 {
margin-left: 8.33333333%;
}
- .ant-col-order-2 {
+ .drip-col-order-2 {
order: 2;
}
- .ant-col-1 {
+ .drip-col-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
- .ant-col-push-1 {
+ .drip-col-push-1 {
left: 4.16666667%;
}
- .ant-col-pull-1 {
+ .drip-col-pull-1 {
right: 4.16666667%;
}
- .ant-col-offset-1 {
+ .drip-col-offset-1 {
margin-left: 4.16666667%;
}
- .ant-col-order-1 {
+ .drip-col-order-1 {
order: 1;
}
- .ant-col-0 {
+ .drip-col-0 {
display: none;
}
- .ant-col-push-0 {
+ .drip-col-push-0 {
left: auto;
}
- .ant-col-pull-0 {
+ .drip-col-pull-0 {
right: auto;
}
- .ant-col-push-0 {
+ .drip-col-push-0 {
left: auto;
}
- .ant-col-pull-0 {
+ .drip-col-pull-0 {
right: auto;
}
- .ant-col-offset-0 {
+ .drip-col-offset-0 {
margin-left: 0;
}
- .ant-col-order-0 {
+ .drip-col-order-0 {
order: 0;
}
- .ant-col-push-0.ant-col-rtl {
+ .drip-col-push-0.drip-col-rtl {
right: auto;
}
- .ant-col-pull-0.ant-col-rtl {
+ .drip-col-pull-0.drip-col-rtl {
left: auto;
}
- .ant-col-push-0.ant-col-rtl {
+ .drip-col-push-0.drip-col-rtl {
right: auto;
}
- .ant-col-pull-0.ant-col-rtl {
+ .drip-col-pull-0.drip-col-rtl {
left: auto;
}
- .ant-col-offset-0.ant-col-rtl {
+ .drip-col-offset-0.drip-col-rtl {
margin-right: 0;
}
- .ant-col-push-1.ant-col-rtl {
+ .drip-col-push-1.drip-col-rtl {
right: 4.16666667%;
left: auto;
}
- .ant-col-pull-1.ant-col-rtl {
+ .drip-col-pull-1.drip-col-rtl {
right: auto;
left: 4.16666667%;
}
- .ant-col-offset-1.ant-col-rtl {
+ .drip-col-offset-1.drip-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
- .ant-col-push-2.ant-col-rtl {
+ .drip-col-push-2.drip-col-rtl {
right: 8.33333333%;
left: auto;
}
- .ant-col-pull-2.ant-col-rtl {
+ .drip-col-pull-2.drip-col-rtl {
right: auto;
left: 8.33333333%;
}
- .ant-col-offset-2.ant-col-rtl {
+ .drip-col-offset-2.drip-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
- .ant-col-push-3.ant-col-rtl {
+ .drip-col-push-3.drip-col-rtl {
right: 12.5%;
left: auto;
}
- .ant-col-pull-3.ant-col-rtl {
+ .drip-col-pull-3.drip-col-rtl {
right: auto;
left: 12.5%;
}
- .ant-col-offset-3.ant-col-rtl {
+ .drip-col-offset-3.drip-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
- .ant-col-push-4.ant-col-rtl {
+ .drip-col-push-4.drip-col-rtl {
right: 16.66666667%;
left: auto;
}
- .ant-col-pull-4.ant-col-rtl {
+ .drip-col-pull-4.drip-col-rtl {
right: auto;
left: 16.66666667%;
}
- .ant-col-offset-4.ant-col-rtl {
+ .drip-col-offset-4.drip-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
- .ant-col-push-5.ant-col-rtl {
+ .drip-col-push-5.drip-col-rtl {
right: 20.83333333%;
left: auto;
}
- .ant-col-pull-5.ant-col-rtl {
+ .drip-col-pull-5.drip-col-rtl {
right: auto;
left: 20.83333333%;
}
- .ant-col-offset-5.ant-col-rtl {
+ .drip-col-offset-5.drip-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
- .ant-col-push-6.ant-col-rtl {
+ .drip-col-push-6.drip-col-rtl {
right: 25%;
left: auto;
}
- .ant-col-pull-6.ant-col-rtl {
+ .drip-col-pull-6.drip-col-rtl {
right: auto;
left: 25%;
}
- .ant-col-offset-6.ant-col-rtl {
+ .drip-col-offset-6.drip-col-rtl {
margin-right: 25%;
margin-left: 0;
}
- .ant-col-push-7.ant-col-rtl {
+ .drip-col-push-7.drip-col-rtl {
right: 29.16666667%;
left: auto;
}
- .ant-col-pull-7.ant-col-rtl {
+ .drip-col-pull-7.drip-col-rtl {
right: auto;
left: 29.16666667%;
}
- .ant-col-offset-7.ant-col-rtl {
+ .drip-col-offset-7.drip-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
- .ant-col-push-8.ant-col-rtl {
+ .drip-col-push-8.drip-col-rtl {
right: 33.33333333%;
left: auto;
}
- .ant-col-pull-8.ant-col-rtl {
+ .drip-col-pull-8.drip-col-rtl {
right: auto;
left: 33.33333333%;
}
- .ant-col-offset-8.ant-col-rtl {
+ .drip-col-offset-8.drip-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
- .ant-col-push-9.ant-col-rtl {
+ .drip-col-push-9.drip-col-rtl {
right: 37.5%;
left: auto;
}
- .ant-col-pull-9.ant-col-rtl {
+ .drip-col-pull-9.drip-col-rtl {
right: auto;
left: 37.5%;
}
- .ant-col-offset-9.ant-col-rtl {
+ .drip-col-offset-9.drip-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
- .ant-col-push-10.ant-col-rtl {
+ .drip-col-push-10.drip-col-rtl {
right: 41.66666667%;
left: auto;
}
- .ant-col-pull-10.ant-col-rtl {
+ .drip-col-pull-10.drip-col-rtl {
right: auto;
left: 41.66666667%;
}
- .ant-col-offset-10.ant-col-rtl {
+ .drip-col-offset-10.drip-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
- .ant-col-push-11.ant-col-rtl {
+ .drip-col-push-11.drip-col-rtl {
right: 45.83333333%;
left: auto;
}
- .ant-col-pull-11.ant-col-rtl {
+ .drip-col-pull-11.drip-col-rtl {
right: auto;
left: 45.83333333%;
}
- .ant-col-offset-11.ant-col-rtl {
+ .drip-col-offset-11.drip-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
- .ant-col-push-12.ant-col-rtl {
+ .drip-col-push-12.drip-col-rtl {
right: 50%;
left: auto;
}
- .ant-col-pull-12.ant-col-rtl {
+ .drip-col-pull-12.drip-col-rtl {
right: auto;
left: 50%;
}
- .ant-col-offset-12.ant-col-rtl {
+ .drip-col-offset-12.drip-col-rtl {
margin-right: 50%;
margin-left: 0;
}
- .ant-col-push-13.ant-col-rtl {
+ .drip-col-push-13.drip-col-rtl {
right: 54.16666667%;
left: auto;
}
- .ant-col-pull-13.ant-col-rtl {
+ .drip-col-pull-13.drip-col-rtl {
right: auto;
left: 54.16666667%;
}
- .ant-col-offset-13.ant-col-rtl {
+ .drip-col-offset-13.drip-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
- .ant-col-push-14.ant-col-rtl {
+ .drip-col-push-14.drip-col-rtl {
right: 58.33333333%;
left: auto;
}
- .ant-col-pull-14.ant-col-rtl {
+ .drip-col-pull-14.drip-col-rtl {
right: auto;
left: 58.33333333%;
}
- .ant-col-offset-14.ant-col-rtl {
+ .drip-col-offset-14.drip-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
- .ant-col-push-15.ant-col-rtl {
+ .drip-col-push-15.drip-col-rtl {
right: 62.5%;
left: auto;
}
- .ant-col-pull-15.ant-col-rtl {
+ .drip-col-pull-15.drip-col-rtl {
right: auto;
left: 62.5%;
}
- .ant-col-offset-15.ant-col-rtl {
+ .drip-col-offset-15.drip-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
- .ant-col-push-16.ant-col-rtl {
+ .drip-col-push-16.drip-col-rtl {
right: 66.66666667%;
left: auto;
}
- .ant-col-pull-16.ant-col-rtl {
+ .drip-col-pull-16.drip-col-rtl {
right: auto;
left: 66.66666667%;
}
- .ant-col-offset-16.ant-col-rtl {
+ .drip-col-offset-16.drip-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
- .ant-col-push-17.ant-col-rtl {
+ .drip-col-push-17.drip-col-rtl {
right: 70.83333333%;
left: auto;
}
- .ant-col-pull-17.ant-col-rtl {
+ .drip-col-pull-17.drip-col-rtl {
right: auto;
left: 70.83333333%;
}
- .ant-col-offset-17.ant-col-rtl {
+ .drip-col-offset-17.drip-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
- .ant-col-push-18.ant-col-rtl {
+ .drip-col-push-18.drip-col-rtl {
right: 75%;
left: auto;
}
- .ant-col-pull-18.ant-col-rtl {
+ .drip-col-pull-18.drip-col-rtl {
right: auto;
left: 75%;
}
- .ant-col-offset-18.ant-col-rtl {
+ .drip-col-offset-18.drip-col-rtl {
margin-right: 75%;
margin-left: 0;
}
- .ant-col-push-19.ant-col-rtl {
+ .drip-col-push-19.drip-col-rtl {
right: 79.16666667%;
left: auto;
}
- .ant-col-pull-19.ant-col-rtl {
+ .drip-col-pull-19.drip-col-rtl {
right: auto;
left: 79.16666667%;
}
- .ant-col-offset-19.ant-col-rtl {
+ .drip-col-offset-19.drip-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
- .ant-col-push-20.ant-col-rtl {
+ .drip-col-push-20.drip-col-rtl {
right: 83.33333333%;
left: auto;
}
- .ant-col-pull-20.ant-col-rtl {
+ .drip-col-pull-20.drip-col-rtl {
right: auto;
left: 83.33333333%;
}
- .ant-col-offset-20.ant-col-rtl {
+ .drip-col-offset-20.drip-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
- .ant-col-push-21.ant-col-rtl {
+ .drip-col-push-21.drip-col-rtl {
right: 87.5%;
left: auto;
}
- .ant-col-pull-21.ant-col-rtl {
+ .drip-col-pull-21.drip-col-rtl {
right: auto;
left: 87.5%;
}
- .ant-col-offset-21.ant-col-rtl {
+ .drip-col-offset-21.drip-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
- .ant-col-push-22.ant-col-rtl {
+ .drip-col-push-22.drip-col-rtl {
right: 91.66666667%;
left: auto;
}
- .ant-col-pull-22.ant-col-rtl {
+ .drip-col-pull-22.drip-col-rtl {
right: auto;
left: 91.66666667%;
}
- .ant-col-offset-22.ant-col-rtl {
+ .drip-col-offset-22.drip-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
- .ant-col-push-23.ant-col-rtl {
+ .drip-col-push-23.drip-col-rtl {
right: 95.83333333%;
left: auto;
}
- .ant-col-pull-23.ant-col-rtl {
+ .drip-col-pull-23.drip-col-rtl {
right: auto;
left: 95.83333333%;
}
- .ant-col-offset-23.ant-col-rtl {
+ .drip-col-offset-23.drip-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
- .ant-col-push-24.ant-col-rtl {
+ .drip-col-push-24.drip-col-rtl {
right: 100%;
left: auto;
}
- .ant-col-pull-24.ant-col-rtl {
+ .drip-col-pull-24.drip-col-rtl {
right: auto;
left: 100%;
}
- .ant-col-offset-24.ant-col-rtl {
+ .drip-col-offset-24.drip-col-rtl {
margin-right: 100%;
margin-left: 0;
}
- .ant-col-xs-24 {
+ .drip-col-xs-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
- .ant-col-xs-push-24 {
+ .drip-col-xs-push-24 {
left: 100%;
}
- .ant-col-xs-pull-24 {
+ .drip-col-xs-pull-24 {
right: 100%;
}
- .ant-col-xs-offset-24 {
+ .drip-col-xs-offset-24 {
margin-left: 100%;
}
- .ant-col-xs-order-24 {
+ .drip-col-xs-order-24 {
order: 24;
}
- .ant-col-xs-23 {
+ .drip-col-xs-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
- .ant-col-xs-push-23 {
+ .drip-col-xs-push-23 {
left: 95.83333333%;
}
- .ant-col-xs-pull-23 {
+ .drip-col-xs-pull-23 {
right: 95.83333333%;
}
- .ant-col-xs-offset-23 {
+ .drip-col-xs-offset-23 {
margin-left: 95.83333333%;
}
- .ant-col-xs-order-23 {
+ .drip-col-xs-order-23 {
order: 23;
}
- .ant-col-xs-22 {
+ .drip-col-xs-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
- .ant-col-xs-push-22 {
+ .drip-col-xs-push-22 {
left: 91.66666667%;
}
- .ant-col-xs-pull-22 {
+ .drip-col-xs-pull-22 {
right: 91.66666667%;
}
- .ant-col-xs-offset-22 {
+ .drip-col-xs-offset-22 {
margin-left: 91.66666667%;
}
- .ant-col-xs-order-22 {
+ .drip-col-xs-order-22 {
order: 22;
}
- .ant-col-xs-21 {
+ .drip-col-xs-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
- .ant-col-xs-push-21 {
+ .drip-col-xs-push-21 {
left: 87.5%;
}
- .ant-col-xs-pull-21 {
+ .drip-col-xs-pull-21 {
right: 87.5%;
}
- .ant-col-xs-offset-21 {
+ .drip-col-xs-offset-21 {
margin-left: 87.5%;
}
- .ant-col-xs-order-21 {
+ .drip-col-xs-order-21 {
order: 21;
}
- .ant-col-xs-20 {
+ .drip-col-xs-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
- .ant-col-xs-push-20 {
+ .drip-col-xs-push-20 {
left: 83.33333333%;
}
- .ant-col-xs-pull-20 {
+ .drip-col-xs-pull-20 {
right: 83.33333333%;
}
- .ant-col-xs-offset-20 {
+ .drip-col-xs-offset-20 {
margin-left: 83.33333333%;
}
- .ant-col-xs-order-20 {
+ .drip-col-xs-order-20 {
order: 20;
}
- .ant-col-xs-19 {
+ .drip-col-xs-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
- .ant-col-xs-push-19 {
+ .drip-col-xs-push-19 {
left: 79.16666667%;
}
- .ant-col-xs-pull-19 {
+ .drip-col-xs-pull-19 {
right: 79.16666667%;
}
- .ant-col-xs-offset-19 {
+ .drip-col-xs-offset-19 {
margin-left: 79.16666667%;
}
- .ant-col-xs-order-19 {
+ .drip-col-xs-order-19 {
order: 19;
}
- .ant-col-xs-18 {
+ .drip-col-xs-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
- .ant-col-xs-push-18 {
+ .drip-col-xs-push-18 {
left: 75%;
}
- .ant-col-xs-pull-18 {
+ .drip-col-xs-pull-18 {
right: 75%;
}
- .ant-col-xs-offset-18 {
+ .drip-col-xs-offset-18 {
margin-left: 75%;
}
- .ant-col-xs-order-18 {
+ .drip-col-xs-order-18 {
order: 18;
}
- .ant-col-xs-17 {
+ .drip-col-xs-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
- .ant-col-xs-push-17 {
+ .drip-col-xs-push-17 {
left: 70.83333333%;
}
- .ant-col-xs-pull-17 {
+ .drip-col-xs-pull-17 {
right: 70.83333333%;
}
- .ant-col-xs-offset-17 {
+ .drip-col-xs-offset-17 {
margin-left: 70.83333333%;
}
- .ant-col-xs-order-17 {
+ .drip-col-xs-order-17 {
order: 17;
}
- .ant-col-xs-16 {
+ .drip-col-xs-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
- .ant-col-xs-push-16 {
+ .drip-col-xs-push-16 {
left: 66.66666667%;
}
- .ant-col-xs-pull-16 {
+ .drip-col-xs-pull-16 {
right: 66.66666667%;
}
- .ant-col-xs-offset-16 {
+ .drip-col-xs-offset-16 {
margin-left: 66.66666667%;
}
- .ant-col-xs-order-16 {
+ .drip-col-xs-order-16 {
order: 16;
}
- .ant-col-xs-15 {
+ .drip-col-xs-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
- .ant-col-xs-push-15 {
+ .drip-col-xs-push-15 {
left: 62.5%;
}
- .ant-col-xs-pull-15 {
+ .drip-col-xs-pull-15 {
right: 62.5%;
}
- .ant-col-xs-offset-15 {
+ .drip-col-xs-offset-15 {
margin-left: 62.5%;
}
- .ant-col-xs-order-15 {
+ .drip-col-xs-order-15 {
order: 15;
}
- .ant-col-xs-14 {
+ .drip-col-xs-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
- .ant-col-xs-push-14 {
+ .drip-col-xs-push-14 {
left: 58.33333333%;
}
- .ant-col-xs-pull-14 {
+ .drip-col-xs-pull-14 {
right: 58.33333333%;
}
- .ant-col-xs-offset-14 {
+ .drip-col-xs-offset-14 {
margin-left: 58.33333333%;
}
- .ant-col-xs-order-14 {
+ .drip-col-xs-order-14 {
order: 14;
}
- .ant-col-xs-13 {
+ .drip-col-xs-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
- .ant-col-xs-push-13 {
+ .drip-col-xs-push-13 {
left: 54.16666667%;
}
- .ant-col-xs-pull-13 {
+ .drip-col-xs-pull-13 {
right: 54.16666667%;
}
- .ant-col-xs-offset-13 {
+ .drip-col-xs-offset-13 {
margin-left: 54.16666667%;
}
- .ant-col-xs-order-13 {
+ .drip-col-xs-order-13 {
order: 13;
}
- .ant-col-xs-12 {
+ .drip-col-xs-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
- .ant-col-xs-push-12 {
+ .drip-col-xs-push-12 {
left: 50%;
}
- .ant-col-xs-pull-12 {
+ .drip-col-xs-pull-12 {
right: 50%;
}
- .ant-col-xs-offset-12 {
+ .drip-col-xs-offset-12 {
margin-left: 50%;
}
- .ant-col-xs-order-12 {
+ .drip-col-xs-order-12 {
order: 12;
}
- .ant-col-xs-11 {
+ .drip-col-xs-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
- .ant-col-xs-push-11 {
+ .drip-col-xs-push-11 {
left: 45.83333333%;
}
- .ant-col-xs-pull-11 {
+ .drip-col-xs-pull-11 {
right: 45.83333333%;
}
- .ant-col-xs-offset-11 {
+ .drip-col-xs-offset-11 {
margin-left: 45.83333333%;
}
- .ant-col-xs-order-11 {
+ .drip-col-xs-order-11 {
order: 11;
}
- .ant-col-xs-10 {
+ .drip-col-xs-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
- .ant-col-xs-push-10 {
+ .drip-col-xs-push-10 {
left: 41.66666667%;
}
- .ant-col-xs-pull-10 {
+ .drip-col-xs-pull-10 {
right: 41.66666667%;
}
- .ant-col-xs-offset-10 {
+ .drip-col-xs-offset-10 {
margin-left: 41.66666667%;
}
- .ant-col-xs-order-10 {
+ .drip-col-xs-order-10 {
order: 10;
}
- .ant-col-xs-9 {
+ .drip-col-xs-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
- .ant-col-xs-push-9 {
+ .drip-col-xs-push-9 {
left: 37.5%;
}
- .ant-col-xs-pull-9 {
+ .drip-col-xs-pull-9 {
right: 37.5%;
}
- .ant-col-xs-offset-9 {
+ .drip-col-xs-offset-9 {
margin-left: 37.5%;
}
- .ant-col-xs-order-9 {
+ .drip-col-xs-order-9 {
order: 9;
}
- .ant-col-xs-8 {
+ .drip-col-xs-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
- .ant-col-xs-push-8 {
+ .drip-col-xs-push-8 {
left: 33.33333333%;
}
- .ant-col-xs-pull-8 {
+ .drip-col-xs-pull-8 {
right: 33.33333333%;
}
- .ant-col-xs-offset-8 {
+ .drip-col-xs-offset-8 {
margin-left: 33.33333333%;
}
- .ant-col-xs-order-8 {
+ .drip-col-xs-order-8 {
order: 8;
}
- .ant-col-xs-7 {
+ .drip-col-xs-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
- .ant-col-xs-push-7 {
+ .drip-col-xs-push-7 {
left: 29.16666667%;
}
- .ant-col-xs-pull-7 {
+ .drip-col-xs-pull-7 {
right: 29.16666667%;
}
- .ant-col-xs-offset-7 {
+ .drip-col-xs-offset-7 {
margin-left: 29.16666667%;
}
- .ant-col-xs-order-7 {
+ .drip-col-xs-order-7 {
order: 7;
}
- .ant-col-xs-6 {
+ .drip-col-xs-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
- .ant-col-xs-push-6 {
+ .drip-col-xs-push-6 {
left: 25%;
}
- .ant-col-xs-pull-6 {
+ .drip-col-xs-pull-6 {
right: 25%;
}
- .ant-col-xs-offset-6 {
+ .drip-col-xs-offset-6 {
margin-left: 25%;
}
- .ant-col-xs-order-6 {
+ .drip-col-xs-order-6 {
order: 6;
}
- .ant-col-xs-5 {
+ .drip-col-xs-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
- .ant-col-xs-push-5 {
+ .drip-col-xs-push-5 {
left: 20.83333333%;
}
- .ant-col-xs-pull-5 {
+ .drip-col-xs-pull-5 {
right: 20.83333333%;
}
- .ant-col-xs-offset-5 {
+ .drip-col-xs-offset-5 {
margin-left: 20.83333333%;
}
- .ant-col-xs-order-5 {
+ .drip-col-xs-order-5 {
order: 5;
}
- .ant-col-xs-4 {
+ .drip-col-xs-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
- .ant-col-xs-push-4 {
+ .drip-col-xs-push-4 {
left: 16.66666667%;
}
- .ant-col-xs-pull-4 {
+ .drip-col-xs-pull-4 {
right: 16.66666667%;
}
- .ant-col-xs-offset-4 {
+ .drip-col-xs-offset-4 {
margin-left: 16.66666667%;
}
- .ant-col-xs-order-4 {
+ .drip-col-xs-order-4 {
order: 4;
}
- .ant-col-xs-3 {
+ .drip-col-xs-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
- .ant-col-xs-push-3 {
+ .drip-col-xs-push-3 {
left: 12.5%;
}
- .ant-col-xs-pull-3 {
+ .drip-col-xs-pull-3 {
right: 12.5%;
}
- .ant-col-xs-offset-3 {
+ .drip-col-xs-offset-3 {
margin-left: 12.5%;
}
- .ant-col-xs-order-3 {
+ .drip-col-xs-order-3 {
order: 3;
}
- .ant-col-xs-2 {
+ .drip-col-xs-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
- .ant-col-xs-push-2 {
+ .drip-col-xs-push-2 {
left: 8.33333333%;
}
- .ant-col-xs-pull-2 {
+ .drip-col-xs-pull-2 {
right: 8.33333333%;
}
- .ant-col-xs-offset-2 {
+ .drip-col-xs-offset-2 {
margin-left: 8.33333333%;
}
- .ant-col-xs-order-2 {
+ .drip-col-xs-order-2 {
order: 2;
}
- .ant-col-xs-1 {
+ .drip-col-xs-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
- .ant-col-xs-push-1 {
+ .drip-col-xs-push-1 {
left: 4.16666667%;
}
- .ant-col-xs-pull-1 {
+ .drip-col-xs-pull-1 {
right: 4.16666667%;
}
- .ant-col-xs-offset-1 {
+ .drip-col-xs-offset-1 {
margin-left: 4.16666667%;
}
- .ant-col-xs-order-1 {
+ .drip-col-xs-order-1 {
order: 1;
}
- .ant-col-xs-0 {
+ .drip-col-xs-0 {
display: none;
}
- .ant-col-push-0 {
+ .drip-col-push-0 {
left: auto;
}
- .ant-col-pull-0 {
+ .drip-col-pull-0 {
right: auto;
}
- .ant-col-xs-push-0 {
+ .drip-col-xs-push-0 {
left: auto;
}
- .ant-col-xs-pull-0 {
+ .drip-col-xs-pull-0 {
right: auto;
}
- .ant-col-xs-offset-0 {
+ .drip-col-xs-offset-0 {
margin-left: 0;
}
- .ant-col-xs-order-0 {
+ .drip-col-xs-order-0 {
order: 0;
}
- .ant-col-push-0.ant-col-rtl {
+ .drip-col-push-0.drip-col-rtl {
right: auto;
}
- .ant-col-pull-0.ant-col-rtl {
+ .drip-col-pull-0.drip-col-rtl {
left: auto;
}
- .ant-col-xs-push-0.ant-col-rtl {
+ .drip-col-xs-push-0.drip-col-rtl {
right: auto;
}
- .ant-col-xs-pull-0.ant-col-rtl {
+ .drip-col-xs-pull-0.drip-col-rtl {
left: auto;
}
- .ant-col-xs-offset-0.ant-col-rtl {
+ .drip-col-xs-offset-0.drip-col-rtl {
margin-right: 0;
}
- .ant-col-xs-push-1.ant-col-rtl {
+ .drip-col-xs-push-1.drip-col-rtl {
right: 4.16666667%;
left: auto;
}
- .ant-col-xs-pull-1.ant-col-rtl {
+ .drip-col-xs-pull-1.drip-col-rtl {
right: auto;
left: 4.16666667%;
}
- .ant-col-xs-offset-1.ant-col-rtl {
+ .drip-col-xs-offset-1.drip-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
- .ant-col-xs-push-2.ant-col-rtl {
+ .drip-col-xs-push-2.drip-col-rtl {
right: 8.33333333%;
left: auto;
}
- .ant-col-xs-pull-2.ant-col-rtl {
+ .drip-col-xs-pull-2.drip-col-rtl {
right: auto;
left: 8.33333333%;
}
- .ant-col-xs-offset-2.ant-col-rtl {
+ .drip-col-xs-offset-2.drip-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
- .ant-col-xs-push-3.ant-col-rtl {
+ .drip-col-xs-push-3.drip-col-rtl {
right: 12.5%;
left: auto;
}
- .ant-col-xs-pull-3.ant-col-rtl {
+ .drip-col-xs-pull-3.drip-col-rtl {
right: auto;
left: 12.5%;
}
- .ant-col-xs-offset-3.ant-col-rtl {
+ .drip-col-xs-offset-3.drip-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
- .ant-col-xs-push-4.ant-col-rtl {
+ .drip-col-xs-push-4.drip-col-rtl {
right: 16.66666667%;
left: auto;
}
- .ant-col-xs-pull-4.ant-col-rtl {
+ .drip-col-xs-pull-4.drip-col-rtl {
right: auto;
left: 16.66666667%;
}
- .ant-col-xs-offset-4.ant-col-rtl {
+ .drip-col-xs-offset-4.drip-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
- .ant-col-xs-push-5.ant-col-rtl {
+ .drip-col-xs-push-5.drip-col-rtl {
right: 20.83333333%;
left: auto;
}
- .ant-col-xs-pull-5.ant-col-rtl {
+ .drip-col-xs-pull-5.drip-col-rtl {
right: auto;
left: 20.83333333%;
}
- .ant-col-xs-offset-5.ant-col-rtl {
+ .drip-col-xs-offset-5.drip-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
- .ant-col-xs-push-6.ant-col-rtl {
+ .drip-col-xs-push-6.drip-col-rtl {
right: 25%;
left: auto;
}
- .ant-col-xs-pull-6.ant-col-rtl {
+ .drip-col-xs-pull-6.drip-col-rtl {
right: auto;
left: 25%;
}
- .ant-col-xs-offset-6.ant-col-rtl {
+ .drip-col-xs-offset-6.drip-col-rtl {
margin-right: 25%;
margin-left: 0;
}
- .ant-col-xs-push-7.ant-col-rtl {
+ .drip-col-xs-push-7.drip-col-rtl {
right: 29.16666667%;
left: auto;
}
- .ant-col-xs-pull-7.ant-col-rtl {
+ .drip-col-xs-pull-7.drip-col-rtl {
right: auto;
left: 29.16666667%;
}
- .ant-col-xs-offset-7.ant-col-rtl {
+ .drip-col-xs-offset-7.drip-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
- .ant-col-xs-push-8.ant-col-rtl {
+ .drip-col-xs-push-8.drip-col-rtl {
right: 33.33333333%;
left: auto;
}
- .ant-col-xs-pull-8.ant-col-rtl {
+ .drip-col-xs-pull-8.drip-col-rtl {
right: auto;
left: 33.33333333%;
}
- .ant-col-xs-offset-8.ant-col-rtl {
+ .drip-col-xs-offset-8.drip-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
- .ant-col-xs-push-9.ant-col-rtl {
+ .drip-col-xs-push-9.drip-col-rtl {
right: 37.5%;
left: auto;
}
- .ant-col-xs-pull-9.ant-col-rtl {
+ .drip-col-xs-pull-9.drip-col-rtl {
right: auto;
left: 37.5%;
}
- .ant-col-xs-offset-9.ant-col-rtl {
+ .drip-col-xs-offset-9.drip-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
- .ant-col-xs-push-10.ant-col-rtl {
+ .drip-col-xs-push-10.drip-col-rtl {
right: 41.66666667%;
left: auto;
}
- .ant-col-xs-pull-10.ant-col-rtl {
+ .drip-col-xs-pull-10.drip-col-rtl {
right: auto;
left: 41.66666667%;
}
- .ant-col-xs-offset-10.ant-col-rtl {
+ .drip-col-xs-offset-10.drip-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
- .ant-col-xs-push-11.ant-col-rtl {
+ .drip-col-xs-push-11.drip-col-rtl {
right: 45.83333333%;
left: auto;
}
- .ant-col-xs-pull-11.ant-col-rtl {
+ .drip-col-xs-pull-11.drip-col-rtl {
right: auto;
left: 45.83333333%;
}
- .ant-col-xs-offset-11.ant-col-rtl {
+ .drip-col-xs-offset-11.drip-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
- .ant-col-xs-push-12.ant-col-rtl {
+ .drip-col-xs-push-12.drip-col-rtl {
right: 50%;
left: auto;
}
- .ant-col-xs-pull-12.ant-col-rtl {
+ .drip-col-xs-pull-12.drip-col-rtl {
right: auto;
left: 50%;
}
- .ant-col-xs-offset-12.ant-col-rtl {
+ .drip-col-xs-offset-12.drip-col-rtl {
margin-right: 50%;
margin-left: 0;
}
- .ant-col-xs-push-13.ant-col-rtl {
+ .drip-col-xs-push-13.drip-col-rtl {
right: 54.16666667%;
left: auto;
}
- .ant-col-xs-pull-13.ant-col-rtl {
+ .drip-col-xs-pull-13.drip-col-rtl {
right: auto;
left: 54.16666667%;
}
- .ant-col-xs-offset-13.ant-col-rtl {
+ .drip-col-xs-offset-13.drip-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
- .ant-col-xs-push-14.ant-col-rtl {
+ .drip-col-xs-push-14.drip-col-rtl {
right: 58.33333333%;
left: auto;
}
- .ant-col-xs-pull-14.ant-col-rtl {
+ .drip-col-xs-pull-14.drip-col-rtl {
right: auto;
left: 58.33333333%;
}
- .ant-col-xs-offset-14.ant-col-rtl {
+ .drip-col-xs-offset-14.drip-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
- .ant-col-xs-push-15.ant-col-rtl {
+ .drip-col-xs-push-15.drip-col-rtl {
right: 62.5%;
left: auto;
}
- .ant-col-xs-pull-15.ant-col-rtl {
+ .drip-col-xs-pull-15.drip-col-rtl {
right: auto;
left: 62.5%;
}
- .ant-col-xs-offset-15.ant-col-rtl {
+ .drip-col-xs-offset-15.drip-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
- .ant-col-xs-push-16.ant-col-rtl {
+ .drip-col-xs-push-16.drip-col-rtl {
right: 66.66666667%;
left: auto;
}
- .ant-col-xs-pull-16.ant-col-rtl {
+ .drip-col-xs-pull-16.drip-col-rtl {
right: auto;
left: 66.66666667%;
}
- .ant-col-xs-offset-16.ant-col-rtl {
+ .drip-col-xs-offset-16.drip-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
- .ant-col-xs-push-17.ant-col-rtl {
+ .drip-col-xs-push-17.drip-col-rtl {
right: 70.83333333%;
left: auto;
}
- .ant-col-xs-pull-17.ant-col-rtl {
+ .drip-col-xs-pull-17.drip-col-rtl {
right: auto;
left: 70.83333333%;
}
- .ant-col-xs-offset-17.ant-col-rtl {
+ .drip-col-xs-offset-17.drip-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
- .ant-col-xs-push-18.ant-col-rtl {
+ .drip-col-xs-push-18.drip-col-rtl {
right: 75%;
left: auto;
}
- .ant-col-xs-pull-18.ant-col-rtl {
+ .drip-col-xs-pull-18.drip-col-rtl {
right: auto;
left: 75%;
}
- .ant-col-xs-offset-18.ant-col-rtl {
+ .drip-col-xs-offset-18.drip-col-rtl {
margin-right: 75%;
margin-left: 0;
}
- .ant-col-xs-push-19.ant-col-rtl {
+ .drip-col-xs-push-19.drip-col-rtl {
right: 79.16666667%;
left: auto;
}
- .ant-col-xs-pull-19.ant-col-rtl {
+ .drip-col-xs-pull-19.drip-col-rtl {
right: auto;
left: 79.16666667%;
}
- .ant-col-xs-offset-19.ant-col-rtl {
+ .drip-col-xs-offset-19.drip-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
- .ant-col-xs-push-20.ant-col-rtl {
+ .drip-col-xs-push-20.drip-col-rtl {
right: 83.33333333%;
left: auto;
}
- .ant-col-xs-pull-20.ant-col-rtl {
+ .drip-col-xs-pull-20.drip-col-rtl {
right: auto;
left: 83.33333333%;
}
- .ant-col-xs-offset-20.ant-col-rtl {
+ .drip-col-xs-offset-20.drip-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
- .ant-col-xs-push-21.ant-col-rtl {
+ .drip-col-xs-push-21.drip-col-rtl {
right: 87.5%;
left: auto;
}
- .ant-col-xs-pull-21.ant-col-rtl {
+ .drip-col-xs-pull-21.drip-col-rtl {
right: auto;
left: 87.5%;
}
- .ant-col-xs-offset-21.ant-col-rtl {
+ .drip-col-xs-offset-21.drip-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
- .ant-col-xs-push-22.ant-col-rtl {
+ .drip-col-xs-push-22.drip-col-rtl {
right: 91.66666667%;
left: auto;
}
- .ant-col-xs-pull-22.ant-col-rtl {
+ .drip-col-xs-pull-22.drip-col-rtl {
right: auto;
left: 91.66666667%;
}
- .ant-col-xs-offset-22.ant-col-rtl {
+ .drip-col-xs-offset-22.drip-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
- .ant-col-xs-push-23.ant-col-rtl {
+ .drip-col-xs-push-23.drip-col-rtl {
right: 95.83333333%;
left: auto;
}
- .ant-col-xs-pull-23.ant-col-rtl {
+ .drip-col-xs-pull-23.drip-col-rtl {
right: auto;
left: 95.83333333%;
}
- .ant-col-xs-offset-23.ant-col-rtl {
+ .drip-col-xs-offset-23.drip-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
- .ant-col-xs-push-24.ant-col-rtl {
+ .drip-col-xs-push-24.drip-col-rtl {
right: 100%;
left: auto;
}
- .ant-col-xs-pull-24.ant-col-rtl {
+ .drip-col-xs-pull-24.drip-col-rtl {
right: auto;
left: 100%;
}
- .ant-col-xs-offset-24.ant-col-rtl {
+ .drip-col-xs-offset-24.drip-col-rtl {
margin-right: 100%;
margin-left: 0;
}
@media (min-width: 576px) {
- .ant-col-sm-24 {
+ .drip-col-sm-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
- .ant-col-sm-push-24 {
+ .drip-col-sm-push-24 {
left: 100%;
}
- .ant-col-sm-pull-24 {
+ .drip-col-sm-pull-24 {
right: 100%;
}
- .ant-col-sm-offset-24 {
+ .drip-col-sm-offset-24 {
margin-left: 100%;
}
- .ant-col-sm-order-24 {
+ .drip-col-sm-order-24 {
order: 24;
}
- .ant-col-sm-23 {
+ .drip-col-sm-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
- .ant-col-sm-push-23 {
+ .drip-col-sm-push-23 {
left: 95.83333333%;
}
- .ant-col-sm-pull-23 {
+ .drip-col-sm-pull-23 {
right: 95.83333333%;
}
- .ant-col-sm-offset-23 {
+ .drip-col-sm-offset-23 {
margin-left: 95.83333333%;
}
- .ant-col-sm-order-23 {
+ .drip-col-sm-order-23 {
order: 23;
}
- .ant-col-sm-22 {
+ .drip-col-sm-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
- .ant-col-sm-push-22 {
+ .drip-col-sm-push-22 {
left: 91.66666667%;
}
- .ant-col-sm-pull-22 {
+ .drip-col-sm-pull-22 {
right: 91.66666667%;
}
- .ant-col-sm-offset-22 {
+ .drip-col-sm-offset-22 {
margin-left: 91.66666667%;
}
- .ant-col-sm-order-22 {
+ .drip-col-sm-order-22 {
order: 22;
}
- .ant-col-sm-21 {
+ .drip-col-sm-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
- .ant-col-sm-push-21 {
+ .drip-col-sm-push-21 {
left: 87.5%;
}
- .ant-col-sm-pull-21 {
+ .drip-col-sm-pull-21 {
right: 87.5%;
}
- .ant-col-sm-offset-21 {
+ .drip-col-sm-offset-21 {
margin-left: 87.5%;
}
- .ant-col-sm-order-21 {
+ .drip-col-sm-order-21 {
order: 21;
}
- .ant-col-sm-20 {
+ .drip-col-sm-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
- .ant-col-sm-push-20 {
+ .drip-col-sm-push-20 {
left: 83.33333333%;
}
- .ant-col-sm-pull-20 {
+ .drip-col-sm-pull-20 {
right: 83.33333333%;
}
- .ant-col-sm-offset-20 {
+ .drip-col-sm-offset-20 {
margin-left: 83.33333333%;
}
- .ant-col-sm-order-20 {
+ .drip-col-sm-order-20 {
order: 20;
}
- .ant-col-sm-19 {
+ .drip-col-sm-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
- .ant-col-sm-push-19 {
+ .drip-col-sm-push-19 {
left: 79.16666667%;
}
- .ant-col-sm-pull-19 {
+ .drip-col-sm-pull-19 {
right: 79.16666667%;
}
- .ant-col-sm-offset-19 {
+ .drip-col-sm-offset-19 {
margin-left: 79.16666667%;
}
- .ant-col-sm-order-19 {
+ .drip-col-sm-order-19 {
order: 19;
}
- .ant-col-sm-18 {
+ .drip-col-sm-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
- .ant-col-sm-push-18 {
+ .drip-col-sm-push-18 {
left: 75%;
}
- .ant-col-sm-pull-18 {
+ .drip-col-sm-pull-18 {
right: 75%;
}
- .ant-col-sm-offset-18 {
+ .drip-col-sm-offset-18 {
margin-left: 75%;
}
- .ant-col-sm-order-18 {
+ .drip-col-sm-order-18 {
order: 18;
}
- .ant-col-sm-17 {
+ .drip-col-sm-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
- .ant-col-sm-push-17 {
+ .drip-col-sm-push-17 {
left: 70.83333333%;
}
- .ant-col-sm-pull-17 {
+ .drip-col-sm-pull-17 {
right: 70.83333333%;
}
- .ant-col-sm-offset-17 {
+ .drip-col-sm-offset-17 {
margin-left: 70.83333333%;
}
- .ant-col-sm-order-17 {
+ .drip-col-sm-order-17 {
order: 17;
}
- .ant-col-sm-16 {
+ .drip-col-sm-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
- .ant-col-sm-push-16 {
+ .drip-col-sm-push-16 {
left: 66.66666667%;
}
- .ant-col-sm-pull-16 {
+ .drip-col-sm-pull-16 {
right: 66.66666667%;
}
- .ant-col-sm-offset-16 {
+ .drip-col-sm-offset-16 {
margin-left: 66.66666667%;
}
- .ant-col-sm-order-16 {
+ .drip-col-sm-order-16 {
order: 16;
}
- .ant-col-sm-15 {
+ .drip-col-sm-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
- .ant-col-sm-push-15 {
+ .drip-col-sm-push-15 {
left: 62.5%;
}
- .ant-col-sm-pull-15 {
+ .drip-col-sm-pull-15 {
right: 62.5%;
}
- .ant-col-sm-offset-15 {
+ .drip-col-sm-offset-15 {
margin-left: 62.5%;
}
- .ant-col-sm-order-15 {
+ .drip-col-sm-order-15 {
order: 15;
}
- .ant-col-sm-14 {
+ .drip-col-sm-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
- .ant-col-sm-push-14 {
+ .drip-col-sm-push-14 {
left: 58.33333333%;
}
- .ant-col-sm-pull-14 {
+ .drip-col-sm-pull-14 {
right: 58.33333333%;
}
- .ant-col-sm-offset-14 {
+ .drip-col-sm-offset-14 {
margin-left: 58.33333333%;
}
- .ant-col-sm-order-14 {
+ .drip-col-sm-order-14 {
order: 14;
}
- .ant-col-sm-13 {
+ .drip-col-sm-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
- .ant-col-sm-push-13 {
+ .drip-col-sm-push-13 {
left: 54.16666667%;
}
- .ant-col-sm-pull-13 {
+ .drip-col-sm-pull-13 {
right: 54.16666667%;
}
- .ant-col-sm-offset-13 {
+ .drip-col-sm-offset-13 {
margin-left: 54.16666667%;
}
- .ant-col-sm-order-13 {
+ .drip-col-sm-order-13 {
order: 13;
}
- .ant-col-sm-12 {
+ .drip-col-sm-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
- .ant-col-sm-push-12 {
+ .drip-col-sm-push-12 {
left: 50%;
}
- .ant-col-sm-pull-12 {
+ .drip-col-sm-pull-12 {
right: 50%;
}
- .ant-col-sm-offset-12 {
+ .drip-col-sm-offset-12 {
margin-left: 50%;
}
- .ant-col-sm-order-12 {
+ .drip-col-sm-order-12 {
order: 12;
}
- .ant-col-sm-11 {
+ .drip-col-sm-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
- .ant-col-sm-push-11 {
+ .drip-col-sm-push-11 {
left: 45.83333333%;
}
- .ant-col-sm-pull-11 {
+ .drip-col-sm-pull-11 {
right: 45.83333333%;
}
- .ant-col-sm-offset-11 {
+ .drip-col-sm-offset-11 {
margin-left: 45.83333333%;
}
- .ant-col-sm-order-11 {
+ .drip-col-sm-order-11 {
order: 11;
}
- .ant-col-sm-10 {
+ .drip-col-sm-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
- .ant-col-sm-push-10 {
+ .drip-col-sm-push-10 {
left: 41.66666667%;
}
- .ant-col-sm-pull-10 {
+ .drip-col-sm-pull-10 {
right: 41.66666667%;
}
- .ant-col-sm-offset-10 {
+ .drip-col-sm-offset-10 {
margin-left: 41.66666667%;
}
- .ant-col-sm-order-10 {
+ .drip-col-sm-order-10 {
order: 10;
}
- .ant-col-sm-9 {
+ .drip-col-sm-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
- .ant-col-sm-push-9 {
+ .drip-col-sm-push-9 {
left: 37.5%;
}
- .ant-col-sm-pull-9 {
+ .drip-col-sm-pull-9 {
right: 37.5%;
}
- .ant-col-sm-offset-9 {
+ .drip-col-sm-offset-9 {
margin-left: 37.5%;
}
- .ant-col-sm-order-9 {
+ .drip-col-sm-order-9 {
order: 9;
}
- .ant-col-sm-8 {
+ .drip-col-sm-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
- .ant-col-sm-push-8 {
+ .drip-col-sm-push-8 {
left: 33.33333333%;
}
- .ant-col-sm-pull-8 {
+ .drip-col-sm-pull-8 {
right: 33.33333333%;
}
- .ant-col-sm-offset-8 {
+ .drip-col-sm-offset-8 {
margin-left: 33.33333333%;
}
- .ant-col-sm-order-8 {
+ .drip-col-sm-order-8 {
order: 8;
}
- .ant-col-sm-7 {
+ .drip-col-sm-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
- .ant-col-sm-push-7 {
+ .drip-col-sm-push-7 {
left: 29.16666667%;
}
- .ant-col-sm-pull-7 {
+ .drip-col-sm-pull-7 {
right: 29.16666667%;
}
- .ant-col-sm-offset-7 {
+ .drip-col-sm-offset-7 {
margin-left: 29.16666667%;
}
- .ant-col-sm-order-7 {
+ .drip-col-sm-order-7 {
order: 7;
}
- .ant-col-sm-6 {
+ .drip-col-sm-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
- .ant-col-sm-push-6 {
+ .drip-col-sm-push-6 {
left: 25%;
}
- .ant-col-sm-pull-6 {
+ .drip-col-sm-pull-6 {
right: 25%;
}
- .ant-col-sm-offset-6 {
+ .drip-col-sm-offset-6 {
margin-left: 25%;
}
- .ant-col-sm-order-6 {
+ .drip-col-sm-order-6 {
order: 6;
}
- .ant-col-sm-5 {
+ .drip-col-sm-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
- .ant-col-sm-push-5 {
+ .drip-col-sm-push-5 {
left: 20.83333333%;
}
- .ant-col-sm-pull-5 {
+ .drip-col-sm-pull-5 {
right: 20.83333333%;
}
- .ant-col-sm-offset-5 {
+ .drip-col-sm-offset-5 {
margin-left: 20.83333333%;
}
- .ant-col-sm-order-5 {
+ .drip-col-sm-order-5 {
order: 5;
}
- .ant-col-sm-4 {
+ .drip-col-sm-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
- .ant-col-sm-push-4 {
+ .drip-col-sm-push-4 {
left: 16.66666667%;
}
- .ant-col-sm-pull-4 {
+ .drip-col-sm-pull-4 {
right: 16.66666667%;
}
- .ant-col-sm-offset-4 {
+ .drip-col-sm-offset-4 {
margin-left: 16.66666667%;
}
- .ant-col-sm-order-4 {
+ .drip-col-sm-order-4 {
order: 4;
}
- .ant-col-sm-3 {
+ .drip-col-sm-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
- .ant-col-sm-push-3 {
+ .drip-col-sm-push-3 {
left: 12.5%;
}
- .ant-col-sm-pull-3 {
+ .drip-col-sm-pull-3 {
right: 12.5%;
}
- .ant-col-sm-offset-3 {
+ .drip-col-sm-offset-3 {
margin-left: 12.5%;
}
- .ant-col-sm-order-3 {
+ .drip-col-sm-order-3 {
order: 3;
}
- .ant-col-sm-2 {
+ .drip-col-sm-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
- .ant-col-sm-push-2 {
+ .drip-col-sm-push-2 {
left: 8.33333333%;
}
- .ant-col-sm-pull-2 {
+ .drip-col-sm-pull-2 {
right: 8.33333333%;
}
- .ant-col-sm-offset-2 {
+ .drip-col-sm-offset-2 {
margin-left: 8.33333333%;
}
- .ant-col-sm-order-2 {
+ .drip-col-sm-order-2 {
order: 2;
}
- .ant-col-sm-1 {
+ .drip-col-sm-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
- .ant-col-sm-push-1 {
+ .drip-col-sm-push-1 {
left: 4.16666667%;
}
- .ant-col-sm-pull-1 {
+ .drip-col-sm-pull-1 {
right: 4.16666667%;
}
- .ant-col-sm-offset-1 {
+ .drip-col-sm-offset-1 {
margin-left: 4.16666667%;
}
- .ant-col-sm-order-1 {
+ .drip-col-sm-order-1 {
order: 1;
}
- .ant-col-sm-0 {
+ .drip-col-sm-0 {
display: none;
}
- .ant-col-push-0 {
+ .drip-col-push-0 {
left: auto;
}
- .ant-col-pull-0 {
+ .drip-col-pull-0 {
right: auto;
}
- .ant-col-sm-push-0 {
+ .drip-col-sm-push-0 {
left: auto;
}
- .ant-col-sm-pull-0 {
+ .drip-col-sm-pull-0 {
right: auto;
}
- .ant-col-sm-offset-0 {
+ .drip-col-sm-offset-0 {
margin-left: 0;
}
- .ant-col-sm-order-0 {
+ .drip-col-sm-order-0 {
order: 0;
}
- .ant-col-push-0.ant-col-rtl {
+ .drip-col-push-0.drip-col-rtl {
right: auto;
}
- .ant-col-pull-0.ant-col-rtl {
+ .drip-col-pull-0.drip-col-rtl {
left: auto;
}
- .ant-col-sm-push-0.ant-col-rtl {
+ .drip-col-sm-push-0.drip-col-rtl {
right: auto;
}
- .ant-col-sm-pull-0.ant-col-rtl {
+ .drip-col-sm-pull-0.drip-col-rtl {
left: auto;
}
- .ant-col-sm-offset-0.ant-col-rtl {
+ .drip-col-sm-offset-0.drip-col-rtl {
margin-right: 0;
}
- .ant-col-sm-push-1.ant-col-rtl {
+ .drip-col-sm-push-1.drip-col-rtl {
right: 4.16666667%;
left: auto;
}
- .ant-col-sm-pull-1.ant-col-rtl {
+ .drip-col-sm-pull-1.drip-col-rtl {
right: auto;
left: 4.16666667%;
}
- .ant-col-sm-offset-1.ant-col-rtl {
+ .drip-col-sm-offset-1.drip-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
- .ant-col-sm-push-2.ant-col-rtl {
+ .drip-col-sm-push-2.drip-col-rtl {
right: 8.33333333%;
left: auto;
}
- .ant-col-sm-pull-2.ant-col-rtl {
+ .drip-col-sm-pull-2.drip-col-rtl {
right: auto;
left: 8.33333333%;
}
- .ant-col-sm-offset-2.ant-col-rtl {
+ .drip-col-sm-offset-2.drip-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
- .ant-col-sm-push-3.ant-col-rtl {
+ .drip-col-sm-push-3.drip-col-rtl {
right: 12.5%;
left: auto;
}
- .ant-col-sm-pull-3.ant-col-rtl {
+ .drip-col-sm-pull-3.drip-col-rtl {
right: auto;
left: 12.5%;
}
- .ant-col-sm-offset-3.ant-col-rtl {
+ .drip-col-sm-offset-3.drip-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
- .ant-col-sm-push-4.ant-col-rtl {
+ .drip-col-sm-push-4.drip-col-rtl {
right: 16.66666667%;
left: auto;
}
- .ant-col-sm-pull-4.ant-col-rtl {
+ .drip-col-sm-pull-4.drip-col-rtl {
right: auto;
left: 16.66666667%;
}
- .ant-col-sm-offset-4.ant-col-rtl {
+ .drip-col-sm-offset-4.drip-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
- .ant-col-sm-push-5.ant-col-rtl {
+ .drip-col-sm-push-5.drip-col-rtl {
right: 20.83333333%;
left: auto;
}
- .ant-col-sm-pull-5.ant-col-rtl {
+ .drip-col-sm-pull-5.drip-col-rtl {
right: auto;
left: 20.83333333%;
}
- .ant-col-sm-offset-5.ant-col-rtl {
+ .drip-col-sm-offset-5.drip-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
- .ant-col-sm-push-6.ant-col-rtl {
+ .drip-col-sm-push-6.drip-col-rtl {
right: 25%;
left: auto;
}
- .ant-col-sm-pull-6.ant-col-rtl {
+ .drip-col-sm-pull-6.drip-col-rtl {
right: auto;
left: 25%;
}
- .ant-col-sm-offset-6.ant-col-rtl {
+ .drip-col-sm-offset-6.drip-col-rtl {
margin-right: 25%;
margin-left: 0;
}
- .ant-col-sm-push-7.ant-col-rtl {
+ .drip-col-sm-push-7.drip-col-rtl {
right: 29.16666667%;
left: auto;
}
- .ant-col-sm-pull-7.ant-col-rtl {
+ .drip-col-sm-pull-7.drip-col-rtl {
right: auto;
left: 29.16666667%;
}
- .ant-col-sm-offset-7.ant-col-rtl {
+ .drip-col-sm-offset-7.drip-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
- .ant-col-sm-push-8.ant-col-rtl {
+ .drip-col-sm-push-8.drip-col-rtl {
right: 33.33333333%;
left: auto;
}
- .ant-col-sm-pull-8.ant-col-rtl {
+ .drip-col-sm-pull-8.drip-col-rtl {
right: auto;
left: 33.33333333%;
}
- .ant-col-sm-offset-8.ant-col-rtl {
+ .drip-col-sm-offset-8.drip-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
- .ant-col-sm-push-9.ant-col-rtl {
+ .drip-col-sm-push-9.drip-col-rtl {
right: 37.5%;
left: auto;
}
- .ant-col-sm-pull-9.ant-col-rtl {
+ .drip-col-sm-pull-9.drip-col-rtl {
right: auto;
left: 37.5%;
}
- .ant-col-sm-offset-9.ant-col-rtl {
+ .drip-col-sm-offset-9.drip-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
- .ant-col-sm-push-10.ant-col-rtl {
+ .drip-col-sm-push-10.drip-col-rtl {
right: 41.66666667%;
left: auto;
}
- .ant-col-sm-pull-10.ant-col-rtl {
+ .drip-col-sm-pull-10.drip-col-rtl {
right: auto;
left: 41.66666667%;
}
- .ant-col-sm-offset-10.ant-col-rtl {
+ .drip-col-sm-offset-10.drip-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
- .ant-col-sm-push-11.ant-col-rtl {
+ .drip-col-sm-push-11.drip-col-rtl {
right: 45.83333333%;
left: auto;
}
- .ant-col-sm-pull-11.ant-col-rtl {
+ .drip-col-sm-pull-11.drip-col-rtl {
right: auto;
left: 45.83333333%;
}
- .ant-col-sm-offset-11.ant-col-rtl {
+ .drip-col-sm-offset-11.drip-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
- .ant-col-sm-push-12.ant-col-rtl {
+ .drip-col-sm-push-12.drip-col-rtl {
right: 50%;
left: auto;
}
- .ant-col-sm-pull-12.ant-col-rtl {
+ .drip-col-sm-pull-12.drip-col-rtl {
right: auto;
left: 50%;
}
- .ant-col-sm-offset-12.ant-col-rtl {
+ .drip-col-sm-offset-12.drip-col-rtl {
margin-right: 50%;
margin-left: 0;
}
- .ant-col-sm-push-13.ant-col-rtl {
+ .drip-col-sm-push-13.drip-col-rtl {
right: 54.16666667%;
left: auto;
}
- .ant-col-sm-pull-13.ant-col-rtl {
+ .drip-col-sm-pull-13.drip-col-rtl {
right: auto;
left: 54.16666667%;
}
- .ant-col-sm-offset-13.ant-col-rtl {
+ .drip-col-sm-offset-13.drip-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
- .ant-col-sm-push-14.ant-col-rtl {
+ .drip-col-sm-push-14.drip-col-rtl {
right: 58.33333333%;
left: auto;
}
- .ant-col-sm-pull-14.ant-col-rtl {
+ .drip-col-sm-pull-14.drip-col-rtl {
right: auto;
left: 58.33333333%;
}
- .ant-col-sm-offset-14.ant-col-rtl {
+ .drip-col-sm-offset-14.drip-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
- .ant-col-sm-push-15.ant-col-rtl {
+ .drip-col-sm-push-15.drip-col-rtl {
right: 62.5%;
left: auto;
}
- .ant-col-sm-pull-15.ant-col-rtl {
+ .drip-col-sm-pull-15.drip-col-rtl {
right: auto;
left: 62.5%;
}
- .ant-col-sm-offset-15.ant-col-rtl {
+ .drip-col-sm-offset-15.drip-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
- .ant-col-sm-push-16.ant-col-rtl {
+ .drip-col-sm-push-16.drip-col-rtl {
right: 66.66666667%;
left: auto;
}
- .ant-col-sm-pull-16.ant-col-rtl {
+ .drip-col-sm-pull-16.drip-col-rtl {
right: auto;
left: 66.66666667%;
}
- .ant-col-sm-offset-16.ant-col-rtl {
+ .drip-col-sm-offset-16.drip-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
- .ant-col-sm-push-17.ant-col-rtl {
+ .drip-col-sm-push-17.drip-col-rtl {
right: 70.83333333%;
left: auto;
}
- .ant-col-sm-pull-17.ant-col-rtl {
+ .drip-col-sm-pull-17.drip-col-rtl {
right: auto;
left: 70.83333333%;
}
- .ant-col-sm-offset-17.ant-col-rtl {
+ .drip-col-sm-offset-17.drip-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
- .ant-col-sm-push-18.ant-col-rtl {
+ .drip-col-sm-push-18.drip-col-rtl {
right: 75%;
left: auto;
}
- .ant-col-sm-pull-18.ant-col-rtl {
+ .drip-col-sm-pull-18.drip-col-rtl {
right: auto;
left: 75%;
}
- .ant-col-sm-offset-18.ant-col-rtl {
+ .drip-col-sm-offset-18.drip-col-rtl {
margin-right: 75%;
margin-left: 0;
}
- .ant-col-sm-push-19.ant-col-rtl {
+ .drip-col-sm-push-19.drip-col-rtl {
right: 79.16666667%;
left: auto;
}
- .ant-col-sm-pull-19.ant-col-rtl {
+ .drip-col-sm-pull-19.drip-col-rtl {
right: auto;
left: 79.16666667%;
}
- .ant-col-sm-offset-19.ant-col-rtl {
+ .drip-col-sm-offset-19.drip-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
- .ant-col-sm-push-20.ant-col-rtl {
+ .drip-col-sm-push-20.drip-col-rtl {
right: 83.33333333%;
left: auto;
}
- .ant-col-sm-pull-20.ant-col-rtl {
+ .drip-col-sm-pull-20.drip-col-rtl {
right: auto;
left: 83.33333333%;
}
- .ant-col-sm-offset-20.ant-col-rtl {
+ .drip-col-sm-offset-20.drip-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
- .ant-col-sm-push-21.ant-col-rtl {
+ .drip-col-sm-push-21.drip-col-rtl {
right: 87.5%;
left: auto;
}
- .ant-col-sm-pull-21.ant-col-rtl {
+ .drip-col-sm-pull-21.drip-col-rtl {
right: auto;
left: 87.5%;
}
- .ant-col-sm-offset-21.ant-col-rtl {
+ .drip-col-sm-offset-21.drip-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
- .ant-col-sm-push-22.ant-col-rtl {
+ .drip-col-sm-push-22.drip-col-rtl {
right: 91.66666667%;
left: auto;
}
- .ant-col-sm-pull-22.ant-col-rtl {
+ .drip-col-sm-pull-22.drip-col-rtl {
right: auto;
left: 91.66666667%;
}
- .ant-col-sm-offset-22.ant-col-rtl {
+ .drip-col-sm-offset-22.drip-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
- .ant-col-sm-push-23.ant-col-rtl {
+ .drip-col-sm-push-23.drip-col-rtl {
right: 95.83333333%;
left: auto;
}
- .ant-col-sm-pull-23.ant-col-rtl {
+ .drip-col-sm-pull-23.drip-col-rtl {
right: auto;
left: 95.83333333%;
}
- .ant-col-sm-offset-23.ant-col-rtl {
+ .drip-col-sm-offset-23.drip-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
- .ant-col-sm-push-24.ant-col-rtl {
+ .drip-col-sm-push-24.drip-col-rtl {
right: 100%;
left: auto;
}
- .ant-col-sm-pull-24.ant-col-rtl {
+ .drip-col-sm-pull-24.drip-col-rtl {
right: auto;
left: 100%;
}
- .ant-col-sm-offset-24.ant-col-rtl {
+ .drip-col-sm-offset-24.drip-col-rtl {
margin-right: 100%;
margin-left: 0;
}
}
@media (min-width: 768px) {
- .ant-col-md-24 {
+ .drip-col-md-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
- .ant-col-md-push-24 {
+ .drip-col-md-push-24 {
left: 100%;
}
- .ant-col-md-pull-24 {
+ .drip-col-md-pull-24 {
right: 100%;
}
- .ant-col-md-offset-24 {
+ .drip-col-md-offset-24 {
margin-left: 100%;
}
- .ant-col-md-order-24 {
+ .drip-col-md-order-24 {
order: 24;
}
- .ant-col-md-23 {
+ .drip-col-md-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
- .ant-col-md-push-23 {
+ .drip-col-md-push-23 {
left: 95.83333333%;
}
- .ant-col-md-pull-23 {
+ .drip-col-md-pull-23 {
right: 95.83333333%;
}
- .ant-col-md-offset-23 {
+ .drip-col-md-offset-23 {
margin-left: 95.83333333%;
}
- .ant-col-md-order-23 {
+ .drip-col-md-order-23 {
order: 23;
}
- .ant-col-md-22 {
+ .drip-col-md-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
- .ant-col-md-push-22 {
+ .drip-col-md-push-22 {
left: 91.66666667%;
}
- .ant-col-md-pull-22 {
+ .drip-col-md-pull-22 {
right: 91.66666667%;
}
- .ant-col-md-offset-22 {
+ .drip-col-md-offset-22 {
margin-left: 91.66666667%;
}
- .ant-col-md-order-22 {
+ .drip-col-md-order-22 {
order: 22;
}
- .ant-col-md-21 {
+ .drip-col-md-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
- .ant-col-md-push-21 {
+ .drip-col-md-push-21 {
left: 87.5%;
}
- .ant-col-md-pull-21 {
+ .drip-col-md-pull-21 {
right: 87.5%;
}
- .ant-col-md-offset-21 {
+ .drip-col-md-offset-21 {
margin-left: 87.5%;
}
- .ant-col-md-order-21 {
+ .drip-col-md-order-21 {
order: 21;
}
- .ant-col-md-20 {
+ .drip-col-md-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
- .ant-col-md-push-20 {
+ .drip-col-md-push-20 {
left: 83.33333333%;
}
- .ant-col-md-pull-20 {
+ .drip-col-md-pull-20 {
right: 83.33333333%;
}
- .ant-col-md-offset-20 {
+ .drip-col-md-offset-20 {
margin-left: 83.33333333%;
}
- .ant-col-md-order-20 {
+ .drip-col-md-order-20 {
order: 20;
}
- .ant-col-md-19 {
+ .drip-col-md-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
- .ant-col-md-push-19 {
+ .drip-col-md-push-19 {
left: 79.16666667%;
}
- .ant-col-md-pull-19 {
+ .drip-col-md-pull-19 {
right: 79.16666667%;
}
- .ant-col-md-offset-19 {
+ .drip-col-md-offset-19 {
margin-left: 79.16666667%;
}
- .ant-col-md-order-19 {
+ .drip-col-md-order-19 {
order: 19;
}
- .ant-col-md-18 {
+ .drip-col-md-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
- .ant-col-md-push-18 {
+ .drip-col-md-push-18 {
left: 75%;
}
- .ant-col-md-pull-18 {
+ .drip-col-md-pull-18 {
right: 75%;
}
- .ant-col-md-offset-18 {
+ .drip-col-md-offset-18 {
margin-left: 75%;
}
- .ant-col-md-order-18 {
+ .drip-col-md-order-18 {
order: 18;
}
- .ant-col-md-17 {
+ .drip-col-md-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
- .ant-col-md-push-17 {
+ .drip-col-md-push-17 {
left: 70.83333333%;
}
- .ant-col-md-pull-17 {
+ .drip-col-md-pull-17 {
right: 70.83333333%;
}
- .ant-col-md-offset-17 {
+ .drip-col-md-offset-17 {
margin-left: 70.83333333%;
}
- .ant-col-md-order-17 {
+ .drip-col-md-order-17 {
order: 17;
}
- .ant-col-md-16 {
+ .drip-col-md-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
- .ant-col-md-push-16 {
+ .drip-col-md-push-16 {
left: 66.66666667%;
}
- .ant-col-md-pull-16 {
+ .drip-col-md-pull-16 {
right: 66.66666667%;
}
- .ant-col-md-offset-16 {
+ .drip-col-md-offset-16 {
margin-left: 66.66666667%;
}
- .ant-col-md-order-16 {
+ .drip-col-md-order-16 {
order: 16;
}
- .ant-col-md-15 {
+ .drip-col-md-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
- .ant-col-md-push-15 {
+ .drip-col-md-push-15 {
left: 62.5%;
}
- .ant-col-md-pull-15 {
+ .drip-col-md-pull-15 {
right: 62.5%;
}
- .ant-col-md-offset-15 {
+ .drip-col-md-offset-15 {
margin-left: 62.5%;
}
- .ant-col-md-order-15 {
+ .drip-col-md-order-15 {
order: 15;
}
- .ant-col-md-14 {
+ .drip-col-md-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
- .ant-col-md-push-14 {
+ .drip-col-md-push-14 {
left: 58.33333333%;
}
- .ant-col-md-pull-14 {
+ .drip-col-md-pull-14 {
right: 58.33333333%;
}
- .ant-col-md-offset-14 {
+ .drip-col-md-offset-14 {
margin-left: 58.33333333%;
}
- .ant-col-md-order-14 {
+ .drip-col-md-order-14 {
order: 14;
}
- .ant-col-md-13 {
+ .drip-col-md-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
- .ant-col-md-push-13 {
+ .drip-col-md-push-13 {
left: 54.16666667%;
}
- .ant-col-md-pull-13 {
+ .drip-col-md-pull-13 {
right: 54.16666667%;
}
- .ant-col-md-offset-13 {
+ .drip-col-md-offset-13 {
margin-left: 54.16666667%;
}
- .ant-col-md-order-13 {
+ .drip-col-md-order-13 {
order: 13;
}
- .ant-col-md-12 {
+ .drip-col-md-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
- .ant-col-md-push-12 {
+ .drip-col-md-push-12 {
left: 50%;
}
- .ant-col-md-pull-12 {
+ .drip-col-md-pull-12 {
right: 50%;
}
- .ant-col-md-offset-12 {
+ .drip-col-md-offset-12 {
margin-left: 50%;
}
- .ant-col-md-order-12 {
+ .drip-col-md-order-12 {
order: 12;
}
- .ant-col-md-11 {
+ .drip-col-md-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
- .ant-col-md-push-11 {
+ .drip-col-md-push-11 {
left: 45.83333333%;
}
- .ant-col-md-pull-11 {
+ .drip-col-md-pull-11 {
right: 45.83333333%;
}
- .ant-col-md-offset-11 {
+ .drip-col-md-offset-11 {
margin-left: 45.83333333%;
}
- .ant-col-md-order-11 {
+ .drip-col-md-order-11 {
order: 11;
}
- .ant-col-md-10 {
+ .drip-col-md-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
- .ant-col-md-push-10 {
+ .drip-col-md-push-10 {
left: 41.66666667%;
}
- .ant-col-md-pull-10 {
+ .drip-col-md-pull-10 {
right: 41.66666667%;
}
- .ant-col-md-offset-10 {
+ .drip-col-md-offset-10 {
margin-left: 41.66666667%;
}
- .ant-col-md-order-10 {
+ .drip-col-md-order-10 {
order: 10;
}
- .ant-col-md-9 {
+ .drip-col-md-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
- .ant-col-md-push-9 {
+ .drip-col-md-push-9 {
left: 37.5%;
}
- .ant-col-md-pull-9 {
+ .drip-col-md-pull-9 {
right: 37.5%;
}
- .ant-col-md-offset-9 {
+ .drip-col-md-offset-9 {
margin-left: 37.5%;
}
- .ant-col-md-order-9 {
+ .drip-col-md-order-9 {
order: 9;
}
- .ant-col-md-8 {
+ .drip-col-md-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
- .ant-col-md-push-8 {
+ .drip-col-md-push-8 {
left: 33.33333333%;
}
- .ant-col-md-pull-8 {
+ .drip-col-md-pull-8 {
right: 33.33333333%;
}
- .ant-col-md-offset-8 {
+ .drip-col-md-offset-8 {
margin-left: 33.33333333%;
}
- .ant-col-md-order-8 {
+ .drip-col-md-order-8 {
order: 8;
}
- .ant-col-md-7 {
+ .drip-col-md-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
- .ant-col-md-push-7 {
+ .drip-col-md-push-7 {
left: 29.16666667%;
}
- .ant-col-md-pull-7 {
+ .drip-col-md-pull-7 {
right: 29.16666667%;
}
- .ant-col-md-offset-7 {
+ .drip-col-md-offset-7 {
margin-left: 29.16666667%;
}
- .ant-col-md-order-7 {
+ .drip-col-md-order-7 {
order: 7;
}
- .ant-col-md-6 {
+ .drip-col-md-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
- .ant-col-md-push-6 {
+ .drip-col-md-push-6 {
left: 25%;
}
- .ant-col-md-pull-6 {
+ .drip-col-md-pull-6 {
right: 25%;
}
- .ant-col-md-offset-6 {
+ .drip-col-md-offset-6 {
margin-left: 25%;
}
- .ant-col-md-order-6 {
+ .drip-col-md-order-6 {
order: 6;
}
- .ant-col-md-5 {
+ .drip-col-md-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
- .ant-col-md-push-5 {
+ .drip-col-md-push-5 {
left: 20.83333333%;
}
- .ant-col-md-pull-5 {
+ .drip-col-md-pull-5 {
right: 20.83333333%;
}
- .ant-col-md-offset-5 {
+ .drip-col-md-offset-5 {
margin-left: 20.83333333%;
}
- .ant-col-md-order-5 {
+ .drip-col-md-order-5 {
order: 5;
}
- .ant-col-md-4 {
+ .drip-col-md-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
- .ant-col-md-push-4 {
+ .drip-col-md-push-4 {
left: 16.66666667%;
}
- .ant-col-md-pull-4 {
+ .drip-col-md-pull-4 {
right: 16.66666667%;
}
- .ant-col-md-offset-4 {
+ .drip-col-md-offset-4 {
margin-left: 16.66666667%;
}
- .ant-col-md-order-4 {
+ .drip-col-md-order-4 {
order: 4;
}
- .ant-col-md-3 {
+ .drip-col-md-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
- .ant-col-md-push-3 {
+ .drip-col-md-push-3 {
left: 12.5%;
}
- .ant-col-md-pull-3 {
+ .drip-col-md-pull-3 {
right: 12.5%;
}
- .ant-col-md-offset-3 {
+ .drip-col-md-offset-3 {
margin-left: 12.5%;
}
- .ant-col-md-order-3 {
+ .drip-col-md-order-3 {
order: 3;
}
- .ant-col-md-2 {
+ .drip-col-md-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
- .ant-col-md-push-2 {
+ .drip-col-md-push-2 {
left: 8.33333333%;
}
- .ant-col-md-pull-2 {
+ .drip-col-md-pull-2 {
right: 8.33333333%;
}
- .ant-col-md-offset-2 {
+ .drip-col-md-offset-2 {
margin-left: 8.33333333%;
}
- .ant-col-md-order-2 {
+ .drip-col-md-order-2 {
order: 2;
}
- .ant-col-md-1 {
+ .drip-col-md-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
- .ant-col-md-push-1 {
+ .drip-col-md-push-1 {
left: 4.16666667%;
}
- .ant-col-md-pull-1 {
+ .drip-col-md-pull-1 {
right: 4.16666667%;
}
- .ant-col-md-offset-1 {
+ .drip-col-md-offset-1 {
margin-left: 4.16666667%;
}
- .ant-col-md-order-1 {
+ .drip-col-md-order-1 {
order: 1;
}
- .ant-col-md-0 {
+ .drip-col-md-0 {
display: none;
}
- .ant-col-push-0 {
+ .drip-col-push-0 {
left: auto;
}
- .ant-col-pull-0 {
+ .drip-col-pull-0 {
right: auto;
}
- .ant-col-md-push-0 {
+ .drip-col-md-push-0 {
left: auto;
}
- .ant-col-md-pull-0 {
+ .drip-col-md-pull-0 {
right: auto;
}
- .ant-col-md-offset-0 {
+ .drip-col-md-offset-0 {
margin-left: 0;
}
- .ant-col-md-order-0 {
+ .drip-col-md-order-0 {
order: 0;
}
- .ant-col-push-0.ant-col-rtl {
+ .drip-col-push-0.drip-col-rtl {
right: auto;
}
- .ant-col-pull-0.ant-col-rtl {
+ .drip-col-pull-0.drip-col-rtl {
left: auto;
}
- .ant-col-md-push-0.ant-col-rtl {
+ .drip-col-md-push-0.drip-col-rtl {
right: auto;
}
- .ant-col-md-pull-0.ant-col-rtl {
+ .drip-col-md-pull-0.drip-col-rtl {
left: auto;
}
- .ant-col-md-offset-0.ant-col-rtl {
+ .drip-col-md-offset-0.drip-col-rtl {
margin-right: 0;
}
- .ant-col-md-push-1.ant-col-rtl {
+ .drip-col-md-push-1.drip-col-rtl {
right: 4.16666667%;
left: auto;
}
- .ant-col-md-pull-1.ant-col-rtl {
+ .drip-col-md-pull-1.drip-col-rtl {
right: auto;
left: 4.16666667%;
}
- .ant-col-md-offset-1.ant-col-rtl {
+ .drip-col-md-offset-1.drip-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
- .ant-col-md-push-2.ant-col-rtl {
+ .drip-col-md-push-2.drip-col-rtl {
right: 8.33333333%;
left: auto;
}
- .ant-col-md-pull-2.ant-col-rtl {
+ .drip-col-md-pull-2.drip-col-rtl {
right: auto;
left: 8.33333333%;
}
- .ant-col-md-offset-2.ant-col-rtl {
+ .drip-col-md-offset-2.drip-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
- .ant-col-md-push-3.ant-col-rtl {
+ .drip-col-md-push-3.drip-col-rtl {
right: 12.5%;
left: auto;
}
- .ant-col-md-pull-3.ant-col-rtl {
+ .drip-col-md-pull-3.drip-col-rtl {
right: auto;
left: 12.5%;
}
- .ant-col-md-offset-3.ant-col-rtl {
+ .drip-col-md-offset-3.drip-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
- .ant-col-md-push-4.ant-col-rtl {
+ .drip-col-md-push-4.drip-col-rtl {
right: 16.66666667%;
left: auto;
}
- .ant-col-md-pull-4.ant-col-rtl {
+ .drip-col-md-pull-4.drip-col-rtl {
right: auto;
left: 16.66666667%;
}
- .ant-col-md-offset-4.ant-col-rtl {
+ .drip-col-md-offset-4.drip-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
- .ant-col-md-push-5.ant-col-rtl {
+ .drip-col-md-push-5.drip-col-rtl {
right: 20.83333333%;
left: auto;
}
- .ant-col-md-pull-5.ant-col-rtl {
+ .drip-col-md-pull-5.drip-col-rtl {
right: auto;
left: 20.83333333%;
}
- .ant-col-md-offset-5.ant-col-rtl {
+ .drip-col-md-offset-5.drip-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
- .ant-col-md-push-6.ant-col-rtl {
+ .drip-col-md-push-6.drip-col-rtl {
right: 25%;
left: auto;
}
- .ant-col-md-pull-6.ant-col-rtl {
+ .drip-col-md-pull-6.drip-col-rtl {
right: auto;
left: 25%;
}
- .ant-col-md-offset-6.ant-col-rtl {
+ .drip-col-md-offset-6.drip-col-rtl {
margin-right: 25%;
margin-left: 0;
}
- .ant-col-md-push-7.ant-col-rtl {
+ .drip-col-md-push-7.drip-col-rtl {
right: 29.16666667%;
left: auto;
}
- .ant-col-md-pull-7.ant-col-rtl {
+ .drip-col-md-pull-7.drip-col-rtl {
right: auto;
left: 29.16666667%;
}
- .ant-col-md-offset-7.ant-col-rtl {
+ .drip-col-md-offset-7.drip-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
- .ant-col-md-push-8.ant-col-rtl {
+ .drip-col-md-push-8.drip-col-rtl {
right: 33.33333333%;
left: auto;
}
- .ant-col-md-pull-8.ant-col-rtl {
+ .drip-col-md-pull-8.drip-col-rtl {
right: auto;
left: 33.33333333%;
}
- .ant-col-md-offset-8.ant-col-rtl {
+ .drip-col-md-offset-8.drip-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
- .ant-col-md-push-9.ant-col-rtl {
+ .drip-col-md-push-9.drip-col-rtl {
right: 37.5%;
left: auto;
}
- .ant-col-md-pull-9.ant-col-rtl {
+ .drip-col-md-pull-9.drip-col-rtl {
right: auto;
left: 37.5%;
}
- .ant-col-md-offset-9.ant-col-rtl {
+ .drip-col-md-offset-9.drip-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
- .ant-col-md-push-10.ant-col-rtl {
+ .drip-col-md-push-10.drip-col-rtl {
right: 41.66666667%;
left: auto;
}
- .ant-col-md-pull-10.ant-col-rtl {
+ .drip-col-md-pull-10.drip-col-rtl {
right: auto;
left: 41.66666667%;
}
- .ant-col-md-offset-10.ant-col-rtl {
+ .drip-col-md-offset-10.drip-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
- .ant-col-md-push-11.ant-col-rtl {
+ .drip-col-md-push-11.drip-col-rtl {
right: 45.83333333%;
left: auto;
}
- .ant-col-md-pull-11.ant-col-rtl {
+ .drip-col-md-pull-11.drip-col-rtl {
right: auto;
left: 45.83333333%;
}
- .ant-col-md-offset-11.ant-col-rtl {
+ .drip-col-md-offset-11.drip-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
- .ant-col-md-push-12.ant-col-rtl {
+ .drip-col-md-push-12.drip-col-rtl {
right: 50%;
left: auto;
}
- .ant-col-md-pull-12.ant-col-rtl {
+ .drip-col-md-pull-12.drip-col-rtl {
right: auto;
left: 50%;
}
- .ant-col-md-offset-12.ant-col-rtl {
+ .drip-col-md-offset-12.drip-col-rtl {
margin-right: 50%;
margin-left: 0;
}
- .ant-col-md-push-13.ant-col-rtl {
+ .drip-col-md-push-13.drip-col-rtl {
right: 54.16666667%;
left: auto;
}
- .ant-col-md-pull-13.ant-col-rtl {
+ .drip-col-md-pull-13.drip-col-rtl {
right: auto;
left: 54.16666667%;
}
- .ant-col-md-offset-13.ant-col-rtl {
+ .drip-col-md-offset-13.drip-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
- .ant-col-md-push-14.ant-col-rtl {
+ .drip-col-md-push-14.drip-col-rtl {
right: 58.33333333%;
left: auto;
}
- .ant-col-md-pull-14.ant-col-rtl {
+ .drip-col-md-pull-14.drip-col-rtl {
right: auto;
left: 58.33333333%;
}
- .ant-col-md-offset-14.ant-col-rtl {
+ .drip-col-md-offset-14.drip-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
- .ant-col-md-push-15.ant-col-rtl {
+ .drip-col-md-push-15.drip-col-rtl {
right: 62.5%;
left: auto;
}
- .ant-col-md-pull-15.ant-col-rtl {
+ .drip-col-md-pull-15.drip-col-rtl {
right: auto;
left: 62.5%;
}
- .ant-col-md-offset-15.ant-col-rtl {
+ .drip-col-md-offset-15.drip-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
- .ant-col-md-push-16.ant-col-rtl {
+ .drip-col-md-push-16.drip-col-rtl {
right: 66.66666667%;
left: auto;
}
- .ant-col-md-pull-16.ant-col-rtl {
+ .drip-col-md-pull-16.drip-col-rtl {
right: auto;
left: 66.66666667%;
}
- .ant-col-md-offset-16.ant-col-rtl {
+ .drip-col-md-offset-16.drip-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
- .ant-col-md-push-17.ant-col-rtl {
+ .drip-col-md-push-17.drip-col-rtl {
right: 70.83333333%;
left: auto;
}
- .ant-col-md-pull-17.ant-col-rtl {
+ .drip-col-md-pull-17.drip-col-rtl {
right: auto;
left: 70.83333333%;
}
- .ant-col-md-offset-17.ant-col-rtl {
+ .drip-col-md-offset-17.drip-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
- .ant-col-md-push-18.ant-col-rtl {
+ .drip-col-md-push-18.drip-col-rtl {
right: 75%;
left: auto;
}
- .ant-col-md-pull-18.ant-col-rtl {
+ .drip-col-md-pull-18.drip-col-rtl {
right: auto;
left: 75%;
}
- .ant-col-md-offset-18.ant-col-rtl {
+ .drip-col-md-offset-18.drip-col-rtl {
margin-right: 75%;
margin-left: 0;
}
- .ant-col-md-push-19.ant-col-rtl {
+ .drip-col-md-push-19.drip-col-rtl {
right: 79.16666667%;
left: auto;
}
- .ant-col-md-pull-19.ant-col-rtl {
+ .drip-col-md-pull-19.drip-col-rtl {
right: auto;
left: 79.16666667%;
}
- .ant-col-md-offset-19.ant-col-rtl {
+ .drip-col-md-offset-19.drip-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
- .ant-col-md-push-20.ant-col-rtl {
+ .drip-col-md-push-20.drip-col-rtl {
right: 83.33333333%;
left: auto;
}
- .ant-col-md-pull-20.ant-col-rtl {
+ .drip-col-md-pull-20.drip-col-rtl {
right: auto;
left: 83.33333333%;
}
- .ant-col-md-offset-20.ant-col-rtl {
+ .drip-col-md-offset-20.drip-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
- .ant-col-md-push-21.ant-col-rtl {
+ .drip-col-md-push-21.drip-col-rtl {
right: 87.5%;
left: auto;
}
- .ant-col-md-pull-21.ant-col-rtl {
+ .drip-col-md-pull-21.drip-col-rtl {
right: auto;
left: 87.5%;
}
- .ant-col-md-offset-21.ant-col-rtl {
+ .drip-col-md-offset-21.drip-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
- .ant-col-md-push-22.ant-col-rtl {
+ .drip-col-md-push-22.drip-col-rtl {
right: 91.66666667%;
left: auto;
}
- .ant-col-md-pull-22.ant-col-rtl {
+ .drip-col-md-pull-22.drip-col-rtl {
right: auto;
left: 91.66666667%;
}
- .ant-col-md-offset-22.ant-col-rtl {
+ .drip-col-md-offset-22.drip-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
- .ant-col-md-push-23.ant-col-rtl {
+ .drip-col-md-push-23.drip-col-rtl {
right: 95.83333333%;
left: auto;
}
- .ant-col-md-pull-23.ant-col-rtl {
+ .drip-col-md-pull-23.drip-col-rtl {
right: auto;
left: 95.83333333%;
}
- .ant-col-md-offset-23.ant-col-rtl {
+ .drip-col-md-offset-23.drip-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
- .ant-col-md-push-24.ant-col-rtl {
+ .drip-col-md-push-24.drip-col-rtl {
right: 100%;
left: auto;
}
- .ant-col-md-pull-24.ant-col-rtl {
+ .drip-col-md-pull-24.drip-col-rtl {
right: auto;
left: 100%;
}
- .ant-col-md-offset-24.ant-col-rtl {
+ .drip-col-md-offset-24.drip-col-rtl {
margin-right: 100%;
margin-left: 0;
}
}
@media (min-width: 992px) {
- .ant-col-lg-24 {
+ .drip-col-lg-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
- .ant-col-lg-push-24 {
+ .drip-col-lg-push-24 {
left: 100%;
}
- .ant-col-lg-pull-24 {
+ .drip-col-lg-pull-24 {
right: 100%;
}
- .ant-col-lg-offset-24 {
+ .drip-col-lg-offset-24 {
margin-left: 100%;
}
- .ant-col-lg-order-24 {
+ .drip-col-lg-order-24 {
order: 24;
}
- .ant-col-lg-23 {
+ .drip-col-lg-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
- .ant-col-lg-push-23 {
+ .drip-col-lg-push-23 {
left: 95.83333333%;
}
- .ant-col-lg-pull-23 {
+ .drip-col-lg-pull-23 {
right: 95.83333333%;
}
- .ant-col-lg-offset-23 {
+ .drip-col-lg-offset-23 {
margin-left: 95.83333333%;
}
- .ant-col-lg-order-23 {
+ .drip-col-lg-order-23 {
order: 23;
}
- .ant-col-lg-22 {
+ .drip-col-lg-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
- .ant-col-lg-push-22 {
+ .drip-col-lg-push-22 {
left: 91.66666667%;
}
- .ant-col-lg-pull-22 {
+ .drip-col-lg-pull-22 {
right: 91.66666667%;
}
- .ant-col-lg-offset-22 {
+ .drip-col-lg-offset-22 {
margin-left: 91.66666667%;
}
- .ant-col-lg-order-22 {
+ .drip-col-lg-order-22 {
order: 22;
}
- .ant-col-lg-21 {
+ .drip-col-lg-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
- .ant-col-lg-push-21 {
+ .drip-col-lg-push-21 {
left: 87.5%;
}
- .ant-col-lg-pull-21 {
+ .drip-col-lg-pull-21 {
right: 87.5%;
}
- .ant-col-lg-offset-21 {
+ .drip-col-lg-offset-21 {
margin-left: 87.5%;
}
- .ant-col-lg-order-21 {
+ .drip-col-lg-order-21 {
order: 21;
}
- .ant-col-lg-20 {
+ .drip-col-lg-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
- .ant-col-lg-push-20 {
+ .drip-col-lg-push-20 {
left: 83.33333333%;
}
- .ant-col-lg-pull-20 {
+ .drip-col-lg-pull-20 {
right: 83.33333333%;
}
- .ant-col-lg-offset-20 {
+ .drip-col-lg-offset-20 {
margin-left: 83.33333333%;
}
- .ant-col-lg-order-20 {
+ .drip-col-lg-order-20 {
order: 20;
}
- .ant-col-lg-19 {
+ .drip-col-lg-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
- .ant-col-lg-push-19 {
+ .drip-col-lg-push-19 {
left: 79.16666667%;
}
- .ant-col-lg-pull-19 {
+ .drip-col-lg-pull-19 {
right: 79.16666667%;
}
- .ant-col-lg-offset-19 {
+ .drip-col-lg-offset-19 {
margin-left: 79.16666667%;
}
- .ant-col-lg-order-19 {
+ .drip-col-lg-order-19 {
order: 19;
}
- .ant-col-lg-18 {
+ .drip-col-lg-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
- .ant-col-lg-push-18 {
+ .drip-col-lg-push-18 {
left: 75%;
}
- .ant-col-lg-pull-18 {
+ .drip-col-lg-pull-18 {
right: 75%;
}
- .ant-col-lg-offset-18 {
+ .drip-col-lg-offset-18 {
margin-left: 75%;
}
- .ant-col-lg-order-18 {
+ .drip-col-lg-order-18 {
order: 18;
}
- .ant-col-lg-17 {
+ .drip-col-lg-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
- .ant-col-lg-push-17 {
+ .drip-col-lg-push-17 {
left: 70.83333333%;
}
- .ant-col-lg-pull-17 {
+ .drip-col-lg-pull-17 {
right: 70.83333333%;
}
- .ant-col-lg-offset-17 {
+ .drip-col-lg-offset-17 {
margin-left: 70.83333333%;
}
- .ant-col-lg-order-17 {
+ .drip-col-lg-order-17 {
order: 17;
}
- .ant-col-lg-16 {
+ .drip-col-lg-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
- .ant-col-lg-push-16 {
+ .drip-col-lg-push-16 {
left: 66.66666667%;
}
- .ant-col-lg-pull-16 {
+ .drip-col-lg-pull-16 {
right: 66.66666667%;
}
- .ant-col-lg-offset-16 {
+ .drip-col-lg-offset-16 {
margin-left: 66.66666667%;
}
- .ant-col-lg-order-16 {
+ .drip-col-lg-order-16 {
order: 16;
}
- .ant-col-lg-15 {
+ .drip-col-lg-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
- .ant-col-lg-push-15 {
+ .drip-col-lg-push-15 {
left: 62.5%;
}
- .ant-col-lg-pull-15 {
+ .drip-col-lg-pull-15 {
right: 62.5%;
}
- .ant-col-lg-offset-15 {
+ .drip-col-lg-offset-15 {
margin-left: 62.5%;
}
- .ant-col-lg-order-15 {
+ .drip-col-lg-order-15 {
order: 15;
}
- .ant-col-lg-14 {
+ .drip-col-lg-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
- .ant-col-lg-push-14 {
+ .drip-col-lg-push-14 {
left: 58.33333333%;
}
- .ant-col-lg-pull-14 {
+ .drip-col-lg-pull-14 {
right: 58.33333333%;
}
- .ant-col-lg-offset-14 {
+ .drip-col-lg-offset-14 {
margin-left: 58.33333333%;
}
- .ant-col-lg-order-14 {
+ .drip-col-lg-order-14 {
order: 14;
}
- .ant-col-lg-13 {
+ .drip-col-lg-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
- .ant-col-lg-push-13 {
+ .drip-col-lg-push-13 {
left: 54.16666667%;
}
- .ant-col-lg-pull-13 {
+ .drip-col-lg-pull-13 {
right: 54.16666667%;
}
- .ant-col-lg-offset-13 {
+ .drip-col-lg-offset-13 {
margin-left: 54.16666667%;
}
- .ant-col-lg-order-13 {
+ .drip-col-lg-order-13 {
order: 13;
}
- .ant-col-lg-12 {
+ .drip-col-lg-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
- .ant-col-lg-push-12 {
+ .drip-col-lg-push-12 {
left: 50%;
}
- .ant-col-lg-pull-12 {
+ .drip-col-lg-pull-12 {
right: 50%;
}
- .ant-col-lg-offset-12 {
+ .drip-col-lg-offset-12 {
margin-left: 50%;
}
- .ant-col-lg-order-12 {
+ .drip-col-lg-order-12 {
order: 12;
}
- .ant-col-lg-11 {
+ .drip-col-lg-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
- .ant-col-lg-push-11 {
+ .drip-col-lg-push-11 {
left: 45.83333333%;
}
- .ant-col-lg-pull-11 {
+ .drip-col-lg-pull-11 {
right: 45.83333333%;
}
- .ant-col-lg-offset-11 {
+ .drip-col-lg-offset-11 {
margin-left: 45.83333333%;
}
- .ant-col-lg-order-11 {
+ .drip-col-lg-order-11 {
order: 11;
}
- .ant-col-lg-10 {
+ .drip-col-lg-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
- .ant-col-lg-push-10 {
+ .drip-col-lg-push-10 {
left: 41.66666667%;
}
- .ant-col-lg-pull-10 {
+ .drip-col-lg-pull-10 {
right: 41.66666667%;
}
- .ant-col-lg-offset-10 {
+ .drip-col-lg-offset-10 {
margin-left: 41.66666667%;
}
- .ant-col-lg-order-10 {
+ .drip-col-lg-order-10 {
order: 10;
}
- .ant-col-lg-9 {
+ .drip-col-lg-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
- .ant-col-lg-push-9 {
+ .drip-col-lg-push-9 {
left: 37.5%;
}
- .ant-col-lg-pull-9 {
+ .drip-col-lg-pull-9 {
right: 37.5%;
}
- .ant-col-lg-offset-9 {
+ .drip-col-lg-offset-9 {
margin-left: 37.5%;
}
- .ant-col-lg-order-9 {
+ .drip-col-lg-order-9 {
order: 9;
}
- .ant-col-lg-8 {
+ .drip-col-lg-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
- .ant-col-lg-push-8 {
+ .drip-col-lg-push-8 {
left: 33.33333333%;
}
- .ant-col-lg-pull-8 {
+ .drip-col-lg-pull-8 {
right: 33.33333333%;
}
- .ant-col-lg-offset-8 {
+ .drip-col-lg-offset-8 {
margin-left: 33.33333333%;
}
- .ant-col-lg-order-8 {
+ .drip-col-lg-order-8 {
order: 8;
}
- .ant-col-lg-7 {
+ .drip-col-lg-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
- .ant-col-lg-push-7 {
+ .drip-col-lg-push-7 {
left: 29.16666667%;
}
- .ant-col-lg-pull-7 {
+ .drip-col-lg-pull-7 {
right: 29.16666667%;
}
- .ant-col-lg-offset-7 {
+ .drip-col-lg-offset-7 {
margin-left: 29.16666667%;
}
- .ant-col-lg-order-7 {
+ .drip-col-lg-order-7 {
order: 7;
}
- .ant-col-lg-6 {
+ .drip-col-lg-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
- .ant-col-lg-push-6 {
+ .drip-col-lg-push-6 {
left: 25%;
}
- .ant-col-lg-pull-6 {
+ .drip-col-lg-pull-6 {
right: 25%;
}
- .ant-col-lg-offset-6 {
+ .drip-col-lg-offset-6 {
margin-left: 25%;
}
- .ant-col-lg-order-6 {
+ .drip-col-lg-order-6 {
order: 6;
}
- .ant-col-lg-5 {
+ .drip-col-lg-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
- .ant-col-lg-push-5 {
+ .drip-col-lg-push-5 {
left: 20.83333333%;
}
- .ant-col-lg-pull-5 {
+ .drip-col-lg-pull-5 {
right: 20.83333333%;
}
- .ant-col-lg-offset-5 {
+ .drip-col-lg-offset-5 {
margin-left: 20.83333333%;
}
- .ant-col-lg-order-5 {
+ .drip-col-lg-order-5 {
order: 5;
}
- .ant-col-lg-4 {
+ .drip-col-lg-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
- .ant-col-lg-push-4 {
+ .drip-col-lg-push-4 {
left: 16.66666667%;
}
- .ant-col-lg-pull-4 {
+ .drip-col-lg-pull-4 {
right: 16.66666667%;
}
- .ant-col-lg-offset-4 {
+ .drip-col-lg-offset-4 {
margin-left: 16.66666667%;
}
- .ant-col-lg-order-4 {
+ .drip-col-lg-order-4 {
order: 4;
}
- .ant-col-lg-3 {
+ .drip-col-lg-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
- .ant-col-lg-push-3 {
+ .drip-col-lg-push-3 {
left: 12.5%;
}
- .ant-col-lg-pull-3 {
+ .drip-col-lg-pull-3 {
right: 12.5%;
}
- .ant-col-lg-offset-3 {
+ .drip-col-lg-offset-3 {
margin-left: 12.5%;
}
- .ant-col-lg-order-3 {
+ .drip-col-lg-order-3 {
order: 3;
}
- .ant-col-lg-2 {
+ .drip-col-lg-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
- .ant-col-lg-push-2 {
+ .drip-col-lg-push-2 {
left: 8.33333333%;
}
- .ant-col-lg-pull-2 {
+ .drip-col-lg-pull-2 {
right: 8.33333333%;
}
- .ant-col-lg-offset-2 {
+ .drip-col-lg-offset-2 {
margin-left: 8.33333333%;
}
- .ant-col-lg-order-2 {
+ .drip-col-lg-order-2 {
order: 2;
}
- .ant-col-lg-1 {
+ .drip-col-lg-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
- .ant-col-lg-push-1 {
+ .drip-col-lg-push-1 {
left: 4.16666667%;
}
- .ant-col-lg-pull-1 {
+ .drip-col-lg-pull-1 {
right: 4.16666667%;
}
- .ant-col-lg-offset-1 {
+ .drip-col-lg-offset-1 {
margin-left: 4.16666667%;
}
- .ant-col-lg-order-1 {
+ .drip-col-lg-order-1 {
order: 1;
}
- .ant-col-lg-0 {
+ .drip-col-lg-0 {
display: none;
}
- .ant-col-push-0 {
+ .drip-col-push-0 {
left: auto;
}
- .ant-col-pull-0 {
+ .drip-col-pull-0 {
right: auto;
}
- .ant-col-lg-push-0 {
+ .drip-col-lg-push-0 {
left: auto;
}
- .ant-col-lg-pull-0 {
+ .drip-col-lg-pull-0 {
right: auto;
}
- .ant-col-lg-offset-0 {
+ .drip-col-lg-offset-0 {
margin-left: 0;
}
- .ant-col-lg-order-0 {
+ .drip-col-lg-order-0 {
order: 0;
}
- .ant-col-push-0.ant-col-rtl {
+ .drip-col-push-0.drip-col-rtl {
right: auto;
}
- .ant-col-pull-0.ant-col-rtl {
+ .drip-col-pull-0.drip-col-rtl {
left: auto;
}
- .ant-col-lg-push-0.ant-col-rtl {
+ .drip-col-lg-push-0.drip-col-rtl {
right: auto;
}
- .ant-col-lg-pull-0.ant-col-rtl {
+ .drip-col-lg-pull-0.drip-col-rtl {
left: auto;
}
- .ant-col-lg-offset-0.ant-col-rtl {
+ .drip-col-lg-offset-0.drip-col-rtl {
margin-right: 0;
}
- .ant-col-lg-push-1.ant-col-rtl {
+ .drip-col-lg-push-1.drip-col-rtl {
right: 4.16666667%;
left: auto;
}
- .ant-col-lg-pull-1.ant-col-rtl {
+ .drip-col-lg-pull-1.drip-col-rtl {
right: auto;
left: 4.16666667%;
}
- .ant-col-lg-offset-1.ant-col-rtl {
+ .drip-col-lg-offset-1.drip-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
- .ant-col-lg-push-2.ant-col-rtl {
+ .drip-col-lg-push-2.drip-col-rtl {
right: 8.33333333%;
left: auto;
}
- .ant-col-lg-pull-2.ant-col-rtl {
+ .drip-col-lg-pull-2.drip-col-rtl {
right: auto;
left: 8.33333333%;
}
- .ant-col-lg-offset-2.ant-col-rtl {
+ .drip-col-lg-offset-2.drip-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
- .ant-col-lg-push-3.ant-col-rtl {
+ .drip-col-lg-push-3.drip-col-rtl {
right: 12.5%;
left: auto;
}
- .ant-col-lg-pull-3.ant-col-rtl {
+ .drip-col-lg-pull-3.drip-col-rtl {
right: auto;
left: 12.5%;
}
- .ant-col-lg-offset-3.ant-col-rtl {
+ .drip-col-lg-offset-3.drip-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
- .ant-col-lg-push-4.ant-col-rtl {
+ .drip-col-lg-push-4.drip-col-rtl {
right: 16.66666667%;
left: auto;
}
- .ant-col-lg-pull-4.ant-col-rtl {
+ .drip-col-lg-pull-4.drip-col-rtl {
right: auto;
left: 16.66666667%;
}
- .ant-col-lg-offset-4.ant-col-rtl {
+ .drip-col-lg-offset-4.drip-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
- .ant-col-lg-push-5.ant-col-rtl {
+ .drip-col-lg-push-5.drip-col-rtl {
right: 20.83333333%;
left: auto;
}
- .ant-col-lg-pull-5.ant-col-rtl {
+ .drip-col-lg-pull-5.drip-col-rtl {
right: auto;
left: 20.83333333%;
}
- .ant-col-lg-offset-5.ant-col-rtl {
+ .drip-col-lg-offset-5.drip-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
- .ant-col-lg-push-6.ant-col-rtl {
+ .drip-col-lg-push-6.drip-col-rtl {
right: 25%;
left: auto;
}
- .ant-col-lg-pull-6.ant-col-rtl {
+ .drip-col-lg-pull-6.drip-col-rtl {
right: auto;
left: 25%;
}
- .ant-col-lg-offset-6.ant-col-rtl {
+ .drip-col-lg-offset-6.drip-col-rtl {
margin-right: 25%;
margin-left: 0;
}
- .ant-col-lg-push-7.ant-col-rtl {
+ .drip-col-lg-push-7.drip-col-rtl {
right: 29.16666667%;
left: auto;
}
- .ant-col-lg-pull-7.ant-col-rtl {
+ .drip-col-lg-pull-7.drip-col-rtl {
right: auto;
left: 29.16666667%;
}
- .ant-col-lg-offset-7.ant-col-rtl {
+ .drip-col-lg-offset-7.drip-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
- .ant-col-lg-push-8.ant-col-rtl {
+ .drip-col-lg-push-8.drip-col-rtl {
right: 33.33333333%;
left: auto;
}
- .ant-col-lg-pull-8.ant-col-rtl {
+ .drip-col-lg-pull-8.drip-col-rtl {
right: auto;
left: 33.33333333%;
}
- .ant-col-lg-offset-8.ant-col-rtl {
+ .drip-col-lg-offset-8.drip-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
- .ant-col-lg-push-9.ant-col-rtl {
+ .drip-col-lg-push-9.drip-col-rtl {
right: 37.5%;
left: auto;
}
- .ant-col-lg-pull-9.ant-col-rtl {
+ .drip-col-lg-pull-9.drip-col-rtl {
right: auto;
left: 37.5%;
}
- .ant-col-lg-offset-9.ant-col-rtl {
+ .drip-col-lg-offset-9.drip-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
- .ant-col-lg-push-10.ant-col-rtl {
+ .drip-col-lg-push-10.drip-col-rtl {
right: 41.66666667%;
left: auto;
}
- .ant-col-lg-pull-10.ant-col-rtl {
+ .drip-col-lg-pull-10.drip-col-rtl {
right: auto;
left: 41.66666667%;
}
- .ant-col-lg-offset-10.ant-col-rtl {
+ .drip-col-lg-offset-10.drip-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
- .ant-col-lg-push-11.ant-col-rtl {
+ .drip-col-lg-push-11.drip-col-rtl {
right: 45.83333333%;
left: auto;
}
- .ant-col-lg-pull-11.ant-col-rtl {
+ .drip-col-lg-pull-11.drip-col-rtl {
right: auto;
left: 45.83333333%;
}
- .ant-col-lg-offset-11.ant-col-rtl {
+ .drip-col-lg-offset-11.drip-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
- .ant-col-lg-push-12.ant-col-rtl {
+ .drip-col-lg-push-12.drip-col-rtl {
right: 50%;
left: auto;
}
- .ant-col-lg-pull-12.ant-col-rtl {
+ .drip-col-lg-pull-12.drip-col-rtl {
right: auto;
left: 50%;
}
- .ant-col-lg-offset-12.ant-col-rtl {
+ .drip-col-lg-offset-12.drip-col-rtl {
margin-right: 50%;
margin-left: 0;
}
- .ant-col-lg-push-13.ant-col-rtl {
+ .drip-col-lg-push-13.drip-col-rtl {
right: 54.16666667%;
left: auto;
}
- .ant-col-lg-pull-13.ant-col-rtl {
+ .drip-col-lg-pull-13.drip-col-rtl {
right: auto;
left: 54.16666667%;
}
- .ant-col-lg-offset-13.ant-col-rtl {
+ .drip-col-lg-offset-13.drip-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
- .ant-col-lg-push-14.ant-col-rtl {
+ .drip-col-lg-push-14.drip-col-rtl {
right: 58.33333333%;
left: auto;
}
- .ant-col-lg-pull-14.ant-col-rtl {
+ .drip-col-lg-pull-14.drip-col-rtl {
right: auto;
left: 58.33333333%;
}
- .ant-col-lg-offset-14.ant-col-rtl {
+ .drip-col-lg-offset-14.drip-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
- .ant-col-lg-push-15.ant-col-rtl {
+ .drip-col-lg-push-15.drip-col-rtl {
right: 62.5%;
left: auto;
}
- .ant-col-lg-pull-15.ant-col-rtl {
+ .drip-col-lg-pull-15.drip-col-rtl {
right: auto;
left: 62.5%;
}
- .ant-col-lg-offset-15.ant-col-rtl {
+ .drip-col-lg-offset-15.drip-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
- .ant-col-lg-push-16.ant-col-rtl {
+ .drip-col-lg-push-16.drip-col-rtl {
right: 66.66666667%;
left: auto;
}
- .ant-col-lg-pull-16.ant-col-rtl {
+ .drip-col-lg-pull-16.drip-col-rtl {
right: auto;
left: 66.66666667%;
}
- .ant-col-lg-offset-16.ant-col-rtl {
+ .drip-col-lg-offset-16.drip-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
- .ant-col-lg-push-17.ant-col-rtl {
+ .drip-col-lg-push-17.drip-col-rtl {
right: 70.83333333%;
left: auto;
}
- .ant-col-lg-pull-17.ant-col-rtl {
+ .drip-col-lg-pull-17.drip-col-rtl {
right: auto;
left: 70.83333333%;
}
- .ant-col-lg-offset-17.ant-col-rtl {
+ .drip-col-lg-offset-17.drip-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
- .ant-col-lg-push-18.ant-col-rtl {
+ .drip-col-lg-push-18.drip-col-rtl {
right: 75%;
left: auto;
}
- .ant-col-lg-pull-18.ant-col-rtl {
+ .drip-col-lg-pull-18.drip-col-rtl {
right: auto;
left: 75%;
}
- .ant-col-lg-offset-18.ant-col-rtl {
+ .drip-col-lg-offset-18.drip-col-rtl {
margin-right: 75%;
margin-left: 0;
}
- .ant-col-lg-push-19.ant-col-rtl {
+ .drip-col-lg-push-19.drip-col-rtl {
right: 79.16666667%;
left: auto;
}
- .ant-col-lg-pull-19.ant-col-rtl {
+ .drip-col-lg-pull-19.drip-col-rtl {
right: auto;
left: 79.16666667%;
}
- .ant-col-lg-offset-19.ant-col-rtl {
+ .drip-col-lg-offset-19.drip-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
- .ant-col-lg-push-20.ant-col-rtl {
+ .drip-col-lg-push-20.drip-col-rtl {
right: 83.33333333%;
left: auto;
}
- .ant-col-lg-pull-20.ant-col-rtl {
+ .drip-col-lg-pull-20.drip-col-rtl {
right: auto;
left: 83.33333333%;
}
- .ant-col-lg-offset-20.ant-col-rtl {
+ .drip-col-lg-offset-20.drip-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
- .ant-col-lg-push-21.ant-col-rtl {
+ .drip-col-lg-push-21.drip-col-rtl {
right: 87.5%;
left: auto;
}
- .ant-col-lg-pull-21.ant-col-rtl {
+ .drip-col-lg-pull-21.drip-col-rtl {
right: auto;
left: 87.5%;
}
- .ant-col-lg-offset-21.ant-col-rtl {
+ .drip-col-lg-offset-21.drip-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
- .ant-col-lg-push-22.ant-col-rtl {
+ .drip-col-lg-push-22.drip-col-rtl {
right: 91.66666667%;
left: auto;
}
- .ant-col-lg-pull-22.ant-col-rtl {
+ .drip-col-lg-pull-22.drip-col-rtl {
right: auto;
left: 91.66666667%;
}
- .ant-col-lg-offset-22.ant-col-rtl {
+ .drip-col-lg-offset-22.drip-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
- .ant-col-lg-push-23.ant-col-rtl {
+ .drip-col-lg-push-23.drip-col-rtl {
right: 95.83333333%;
left: auto;
}
- .ant-col-lg-pull-23.ant-col-rtl {
+ .drip-col-lg-pull-23.drip-col-rtl {
right: auto;
left: 95.83333333%;
}
- .ant-col-lg-offset-23.ant-col-rtl {
+ .drip-col-lg-offset-23.drip-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
- .ant-col-lg-push-24.ant-col-rtl {
+ .drip-col-lg-push-24.drip-col-rtl {
right: 100%;
left: auto;
}
- .ant-col-lg-pull-24.ant-col-rtl {
+ .drip-col-lg-pull-24.drip-col-rtl {
right: auto;
left: 100%;
}
- .ant-col-lg-offset-24.ant-col-rtl {
+ .drip-col-lg-offset-24.drip-col-rtl {
margin-right: 100%;
margin-left: 0;
}
}
@media (min-width: 1200px) {
- .ant-col-xl-24 {
+ .drip-col-xl-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
- .ant-col-xl-push-24 {
+ .drip-col-xl-push-24 {
left: 100%;
}
- .ant-col-xl-pull-24 {
+ .drip-col-xl-pull-24 {
right: 100%;
}
- .ant-col-xl-offset-24 {
+ .drip-col-xl-offset-24 {
margin-left: 100%;
}
- .ant-col-xl-order-24 {
+ .drip-col-xl-order-24 {
order: 24;
}
- .ant-col-xl-23 {
+ .drip-col-xl-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
- .ant-col-xl-push-23 {
+ .drip-col-xl-push-23 {
left: 95.83333333%;
}
- .ant-col-xl-pull-23 {
+ .drip-col-xl-pull-23 {
right: 95.83333333%;
}
- .ant-col-xl-offset-23 {
+ .drip-col-xl-offset-23 {
margin-left: 95.83333333%;
}
- .ant-col-xl-order-23 {
+ .drip-col-xl-order-23 {
order: 23;
}
- .ant-col-xl-22 {
+ .drip-col-xl-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
- .ant-col-xl-push-22 {
+ .drip-col-xl-push-22 {
left: 91.66666667%;
}
- .ant-col-xl-pull-22 {
+ .drip-col-xl-pull-22 {
right: 91.66666667%;
}
- .ant-col-xl-offset-22 {
+ .drip-col-xl-offset-22 {
margin-left: 91.66666667%;
}
- .ant-col-xl-order-22 {
+ .drip-col-xl-order-22 {
order: 22;
}
- .ant-col-xl-21 {
+ .drip-col-xl-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
- .ant-col-xl-push-21 {
+ .drip-col-xl-push-21 {
left: 87.5%;
}
- .ant-col-xl-pull-21 {
+ .drip-col-xl-pull-21 {
right: 87.5%;
}
- .ant-col-xl-offset-21 {
+ .drip-col-xl-offset-21 {
margin-left: 87.5%;
}
- .ant-col-xl-order-21 {
+ .drip-col-xl-order-21 {
order: 21;
}
- .ant-col-xl-20 {
+ .drip-col-xl-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
- .ant-col-xl-push-20 {
+ .drip-col-xl-push-20 {
left: 83.33333333%;
}
- .ant-col-xl-pull-20 {
+ .drip-col-xl-pull-20 {
right: 83.33333333%;
}
- .ant-col-xl-offset-20 {
+ .drip-col-xl-offset-20 {
margin-left: 83.33333333%;
}
- .ant-col-xl-order-20 {
+ .drip-col-xl-order-20 {
order: 20;
}
- .ant-col-xl-19 {
+ .drip-col-xl-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
- .ant-col-xl-push-19 {
+ .drip-col-xl-push-19 {
left: 79.16666667%;
}
- .ant-col-xl-pull-19 {
+ .drip-col-xl-pull-19 {
right: 79.16666667%;
}
- .ant-col-xl-offset-19 {
+ .drip-col-xl-offset-19 {
margin-left: 79.16666667%;
}
- .ant-col-xl-order-19 {
+ .drip-col-xl-order-19 {
order: 19;
}
- .ant-col-xl-18 {
+ .drip-col-xl-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
- .ant-col-xl-push-18 {
+ .drip-col-xl-push-18 {
left: 75%;
}
- .ant-col-xl-pull-18 {
+ .drip-col-xl-pull-18 {
right: 75%;
}
- .ant-col-xl-offset-18 {
+ .drip-col-xl-offset-18 {
margin-left: 75%;
}
- .ant-col-xl-order-18 {
+ .drip-col-xl-order-18 {
order: 18;
}
- .ant-col-xl-17 {
+ .drip-col-xl-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
- .ant-col-xl-push-17 {
+ .drip-col-xl-push-17 {
left: 70.83333333%;
}
- .ant-col-xl-pull-17 {
+ .drip-col-xl-pull-17 {
right: 70.83333333%;
}
- .ant-col-xl-offset-17 {
+ .drip-col-xl-offset-17 {
margin-left: 70.83333333%;
}
- .ant-col-xl-order-17 {
+ .drip-col-xl-order-17 {
order: 17;
}
- .ant-col-xl-16 {
+ .drip-col-xl-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
- .ant-col-xl-push-16 {
+ .drip-col-xl-push-16 {
left: 66.66666667%;
}
- .ant-col-xl-pull-16 {
+ .drip-col-xl-pull-16 {
right: 66.66666667%;
}
- .ant-col-xl-offset-16 {
+ .drip-col-xl-offset-16 {
margin-left: 66.66666667%;
}
- .ant-col-xl-order-16 {
+ .drip-col-xl-order-16 {
order: 16;
}
- .ant-col-xl-15 {
+ .drip-col-xl-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
- .ant-col-xl-push-15 {
+ .drip-col-xl-push-15 {
left: 62.5%;
}
- .ant-col-xl-pull-15 {
+ .drip-col-xl-pull-15 {
right: 62.5%;
}
- .ant-col-xl-offset-15 {
+ .drip-col-xl-offset-15 {
margin-left: 62.5%;
}
- .ant-col-xl-order-15 {
+ .drip-col-xl-order-15 {
order: 15;
}
- .ant-col-xl-14 {
+ .drip-col-xl-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
- .ant-col-xl-push-14 {
+ .drip-col-xl-push-14 {
left: 58.33333333%;
}
- .ant-col-xl-pull-14 {
+ .drip-col-xl-pull-14 {
right: 58.33333333%;
}
- .ant-col-xl-offset-14 {
+ .drip-col-xl-offset-14 {
margin-left: 58.33333333%;
}
- .ant-col-xl-order-14 {
+ .drip-col-xl-order-14 {
order: 14;
}
- .ant-col-xl-13 {
+ .drip-col-xl-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
- .ant-col-xl-push-13 {
+ .drip-col-xl-push-13 {
left: 54.16666667%;
}
- .ant-col-xl-pull-13 {
+ .drip-col-xl-pull-13 {
right: 54.16666667%;
}
- .ant-col-xl-offset-13 {
+ .drip-col-xl-offset-13 {
margin-left: 54.16666667%;
}
- .ant-col-xl-order-13 {
+ .drip-col-xl-order-13 {
order: 13;
}
- .ant-col-xl-12 {
+ .drip-col-xl-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
- .ant-col-xl-push-12 {
+ .drip-col-xl-push-12 {
left: 50%;
}
- .ant-col-xl-pull-12 {
+ .drip-col-xl-pull-12 {
right: 50%;
}
- .ant-col-xl-offset-12 {
+ .drip-col-xl-offset-12 {
margin-left: 50%;
}
- .ant-col-xl-order-12 {
+ .drip-col-xl-order-12 {
order: 12;
}
- .ant-col-xl-11 {
+ .drip-col-xl-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
- .ant-col-xl-push-11 {
+ .drip-col-xl-push-11 {
left: 45.83333333%;
}
- .ant-col-xl-pull-11 {
+ .drip-col-xl-pull-11 {
right: 45.83333333%;
}
- .ant-col-xl-offset-11 {
+ .drip-col-xl-offset-11 {
margin-left: 45.83333333%;
}
- .ant-col-xl-order-11 {
+ .drip-col-xl-order-11 {
order: 11;
}
- .ant-col-xl-10 {
+ .drip-col-xl-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
- .ant-col-xl-push-10 {
+ .drip-col-xl-push-10 {
left: 41.66666667%;
}
- .ant-col-xl-pull-10 {
+ .drip-col-xl-pull-10 {
right: 41.66666667%;
}
- .ant-col-xl-offset-10 {
+ .drip-col-xl-offset-10 {
margin-left: 41.66666667%;
}
- .ant-col-xl-order-10 {
+ .drip-col-xl-order-10 {
order: 10;
}
- .ant-col-xl-9 {
+ .drip-col-xl-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
- .ant-col-xl-push-9 {
+ .drip-col-xl-push-9 {
left: 37.5%;
}
- .ant-col-xl-pull-9 {
+ .drip-col-xl-pull-9 {
right: 37.5%;
}
- .ant-col-xl-offset-9 {
+ .drip-col-xl-offset-9 {
margin-left: 37.5%;
}
- .ant-col-xl-order-9 {
+ .drip-col-xl-order-9 {
order: 9;
}
- .ant-col-xl-8 {
+ .drip-col-xl-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
- .ant-col-xl-push-8 {
+ .drip-col-xl-push-8 {
left: 33.33333333%;
}
- .ant-col-xl-pull-8 {
+ .drip-col-xl-pull-8 {
right: 33.33333333%;
}
- .ant-col-xl-offset-8 {
+ .drip-col-xl-offset-8 {
margin-left: 33.33333333%;
}
- .ant-col-xl-order-8 {
+ .drip-col-xl-order-8 {
order: 8;
}
- .ant-col-xl-7 {
+ .drip-col-xl-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
- .ant-col-xl-push-7 {
+ .drip-col-xl-push-7 {
left: 29.16666667%;
}
- .ant-col-xl-pull-7 {
+ .drip-col-xl-pull-7 {
right: 29.16666667%;
}
- .ant-col-xl-offset-7 {
+ .drip-col-xl-offset-7 {
margin-left: 29.16666667%;
}
- .ant-col-xl-order-7 {
+ .drip-col-xl-order-7 {
order: 7;
}
- .ant-col-xl-6 {
+ .drip-col-xl-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
- .ant-col-xl-push-6 {
+ .drip-col-xl-push-6 {
left: 25%;
}
- .ant-col-xl-pull-6 {
+ .drip-col-xl-pull-6 {
right: 25%;
}
- .ant-col-xl-offset-6 {
+ .drip-col-xl-offset-6 {
margin-left: 25%;
}
- .ant-col-xl-order-6 {
+ .drip-col-xl-order-6 {
order: 6;
}
- .ant-col-xl-5 {
+ .drip-col-xl-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
- .ant-col-xl-push-5 {
+ .drip-col-xl-push-5 {
left: 20.83333333%;
}
- .ant-col-xl-pull-5 {
+ .drip-col-xl-pull-5 {
right: 20.83333333%;
}
- .ant-col-xl-offset-5 {
+ .drip-col-xl-offset-5 {
margin-left: 20.83333333%;
}
- .ant-col-xl-order-5 {
+ .drip-col-xl-order-5 {
order: 5;
}
- .ant-col-xl-4 {
+ .drip-col-xl-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
- .ant-col-xl-push-4 {
+ .drip-col-xl-push-4 {
left: 16.66666667%;
}
- .ant-col-xl-pull-4 {
+ .drip-col-xl-pull-4 {
right: 16.66666667%;
}
- .ant-col-xl-offset-4 {
+ .drip-col-xl-offset-4 {
margin-left: 16.66666667%;
}
- .ant-col-xl-order-4 {
+ .drip-col-xl-order-4 {
order: 4;
}
- .ant-col-xl-3 {
+ .drip-col-xl-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
- .ant-col-xl-push-3 {
+ .drip-col-xl-push-3 {
left: 12.5%;
}
- .ant-col-xl-pull-3 {
+ .drip-col-xl-pull-3 {
right: 12.5%;
}
- .ant-col-xl-offset-3 {
+ .drip-col-xl-offset-3 {
margin-left: 12.5%;
}
- .ant-col-xl-order-3 {
+ .drip-col-xl-order-3 {
order: 3;
}
- .ant-col-xl-2 {
+ .drip-col-xl-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
- .ant-col-xl-push-2 {
+ .drip-col-xl-push-2 {
left: 8.33333333%;
}
- .ant-col-xl-pull-2 {
+ .drip-col-xl-pull-2 {
right: 8.33333333%;
}
- .ant-col-xl-offset-2 {
+ .drip-col-xl-offset-2 {
margin-left: 8.33333333%;
}
- .ant-col-xl-order-2 {
+ .drip-col-xl-order-2 {
order: 2;
}
- .ant-col-xl-1 {
+ .drip-col-xl-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
- .ant-col-xl-push-1 {
+ .drip-col-xl-push-1 {
left: 4.16666667%;
}
- .ant-col-xl-pull-1 {
+ .drip-col-xl-pull-1 {
right: 4.16666667%;
}
- .ant-col-xl-offset-1 {
+ .drip-col-xl-offset-1 {
margin-left: 4.16666667%;
}
- .ant-col-xl-order-1 {
+ .drip-col-xl-order-1 {
order: 1;
}
- .ant-col-xl-0 {
+ .drip-col-xl-0 {
display: none;
}
- .ant-col-push-0 {
+ .drip-col-push-0 {
left: auto;
}
- .ant-col-pull-0 {
+ .drip-col-pull-0 {
right: auto;
}
- .ant-col-xl-push-0 {
+ .drip-col-xl-push-0 {
left: auto;
}
- .ant-col-xl-pull-0 {
+ .drip-col-xl-pull-0 {
right: auto;
}
- .ant-col-xl-offset-0 {
+ .drip-col-xl-offset-0 {
margin-left: 0;
}
- .ant-col-xl-order-0 {
+ .drip-col-xl-order-0 {
order: 0;
}
- .ant-col-push-0.ant-col-rtl {
+ .drip-col-push-0.drip-col-rtl {
right: auto;
}
- .ant-col-pull-0.ant-col-rtl {
+ .drip-col-pull-0.drip-col-rtl {
left: auto;
}
- .ant-col-xl-push-0.ant-col-rtl {
+ .drip-col-xl-push-0.drip-col-rtl {
right: auto;
}
- .ant-col-xl-pull-0.ant-col-rtl {
+ .drip-col-xl-pull-0.drip-col-rtl {
left: auto;
}
- .ant-col-xl-offset-0.ant-col-rtl {
+ .drip-col-xl-offset-0.drip-col-rtl {
margin-right: 0;
}
- .ant-col-xl-push-1.ant-col-rtl {
+ .drip-col-xl-push-1.drip-col-rtl {
right: 4.16666667%;
left: auto;
}
- .ant-col-xl-pull-1.ant-col-rtl {
+ .drip-col-xl-pull-1.drip-col-rtl {
right: auto;
left: 4.16666667%;
}
- .ant-col-xl-offset-1.ant-col-rtl {
+ .drip-col-xl-offset-1.drip-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
- .ant-col-xl-push-2.ant-col-rtl {
+ .drip-col-xl-push-2.drip-col-rtl {
right: 8.33333333%;
left: auto;
}
- .ant-col-xl-pull-2.ant-col-rtl {
+ .drip-col-xl-pull-2.drip-col-rtl {
right: auto;
left: 8.33333333%;
}
- .ant-col-xl-offset-2.ant-col-rtl {
+ .drip-col-xl-offset-2.drip-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
- .ant-col-xl-push-3.ant-col-rtl {
+ .drip-col-xl-push-3.drip-col-rtl {
right: 12.5%;
left: auto;
}
- .ant-col-xl-pull-3.ant-col-rtl {
+ .drip-col-xl-pull-3.drip-col-rtl {
right: auto;
left: 12.5%;
}
- .ant-col-xl-offset-3.ant-col-rtl {
+ .drip-col-xl-offset-3.drip-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
- .ant-col-xl-push-4.ant-col-rtl {
+ .drip-col-xl-push-4.drip-col-rtl {
right: 16.66666667%;
left: auto;
}
- .ant-col-xl-pull-4.ant-col-rtl {
+ .drip-col-xl-pull-4.drip-col-rtl {
right: auto;
left: 16.66666667%;
}
- .ant-col-xl-offset-4.ant-col-rtl {
+ .drip-col-xl-offset-4.drip-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
- .ant-col-xl-push-5.ant-col-rtl {
+ .drip-col-xl-push-5.drip-col-rtl {
right: 20.83333333%;
left: auto;
}
- .ant-col-xl-pull-5.ant-col-rtl {
+ .drip-col-xl-pull-5.drip-col-rtl {
right: auto;
left: 20.83333333%;
}
- .ant-col-xl-offset-5.ant-col-rtl {
+ .drip-col-xl-offset-5.drip-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
- .ant-col-xl-push-6.ant-col-rtl {
+ .drip-col-xl-push-6.drip-col-rtl {
right: 25%;
left: auto;
}
- .ant-col-xl-pull-6.ant-col-rtl {
+ .drip-col-xl-pull-6.drip-col-rtl {
right: auto;
left: 25%;
}
- .ant-col-xl-offset-6.ant-col-rtl {
+ .drip-col-xl-offset-6.drip-col-rtl {
margin-right: 25%;
margin-left: 0;
}
- .ant-col-xl-push-7.ant-col-rtl {
+ .drip-col-xl-push-7.drip-col-rtl {
right: 29.16666667%;
left: auto;
}
- .ant-col-xl-pull-7.ant-col-rtl {
+ .drip-col-xl-pull-7.drip-col-rtl {
right: auto;
left: 29.16666667%;
}
- .ant-col-xl-offset-7.ant-col-rtl {
+ .drip-col-xl-offset-7.drip-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
- .ant-col-xl-push-8.ant-col-rtl {
+ .drip-col-xl-push-8.drip-col-rtl {
right: 33.33333333%;
left: auto;
}
- .ant-col-xl-pull-8.ant-col-rtl {
+ .drip-col-xl-pull-8.drip-col-rtl {
right: auto;
left: 33.33333333%;
}
- .ant-col-xl-offset-8.ant-col-rtl {
+ .drip-col-xl-offset-8.drip-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
- .ant-col-xl-push-9.ant-col-rtl {
+ .drip-col-xl-push-9.drip-col-rtl {
right: 37.5%;
left: auto;
}
- .ant-col-xl-pull-9.ant-col-rtl {
+ .drip-col-xl-pull-9.drip-col-rtl {
right: auto;
left: 37.5%;
}
- .ant-col-xl-offset-9.ant-col-rtl {
+ .drip-col-xl-offset-9.drip-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
- .ant-col-xl-push-10.ant-col-rtl {
+ .drip-col-xl-push-10.drip-col-rtl {
right: 41.66666667%;
left: auto;
}
- .ant-col-xl-pull-10.ant-col-rtl {
+ .drip-col-xl-pull-10.drip-col-rtl {
right: auto;
left: 41.66666667%;
}
- .ant-col-xl-offset-10.ant-col-rtl {
+ .drip-col-xl-offset-10.drip-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
- .ant-col-xl-push-11.ant-col-rtl {
+ .drip-col-xl-push-11.drip-col-rtl {
right: 45.83333333%;
left: auto;
}
- .ant-col-xl-pull-11.ant-col-rtl {
+ .drip-col-xl-pull-11.drip-col-rtl {
right: auto;
left: 45.83333333%;
}
- .ant-col-xl-offset-11.ant-col-rtl {
+ .drip-col-xl-offset-11.drip-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
- .ant-col-xl-push-12.ant-col-rtl {
+ .drip-col-xl-push-12.drip-col-rtl {
right: 50%;
left: auto;
}
- .ant-col-xl-pull-12.ant-col-rtl {
+ .drip-col-xl-pull-12.drip-col-rtl {
right: auto;
left: 50%;
}
- .ant-col-xl-offset-12.ant-col-rtl {
+ .drip-col-xl-offset-12.drip-col-rtl {
margin-right: 50%;
margin-left: 0;
}
- .ant-col-xl-push-13.ant-col-rtl {
+ .drip-col-xl-push-13.drip-col-rtl {
right: 54.16666667%;
left: auto;
}
- .ant-col-xl-pull-13.ant-col-rtl {
+ .drip-col-xl-pull-13.drip-col-rtl {
right: auto;
left: 54.16666667%;
}
- .ant-col-xl-offset-13.ant-col-rtl {
+ .drip-col-xl-offset-13.drip-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
- .ant-col-xl-push-14.ant-col-rtl {
+ .drip-col-xl-push-14.drip-col-rtl {
right: 58.33333333%;
left: auto;
}
- .ant-col-xl-pull-14.ant-col-rtl {
+ .drip-col-xl-pull-14.drip-col-rtl {
right: auto;
left: 58.33333333%;
}
- .ant-col-xl-offset-14.ant-col-rtl {
+ .drip-col-xl-offset-14.drip-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
- .ant-col-xl-push-15.ant-col-rtl {
+ .drip-col-xl-push-15.drip-col-rtl {
right: 62.5%;
left: auto;
}
- .ant-col-xl-pull-15.ant-col-rtl {
+ .drip-col-xl-pull-15.drip-col-rtl {
right: auto;
left: 62.5%;
}
- .ant-col-xl-offset-15.ant-col-rtl {
+ .drip-col-xl-offset-15.drip-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
- .ant-col-xl-push-16.ant-col-rtl {
+ .drip-col-xl-push-16.drip-col-rtl {
right: 66.66666667%;
left: auto;
}
- .ant-col-xl-pull-16.ant-col-rtl {
+ .drip-col-xl-pull-16.drip-col-rtl {
right: auto;
left: 66.66666667%;
}
- .ant-col-xl-offset-16.ant-col-rtl {
+ .drip-col-xl-offset-16.drip-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
- .ant-col-xl-push-17.ant-col-rtl {
+ .drip-col-xl-push-17.drip-col-rtl {
right: 70.83333333%;
left: auto;
}
- .ant-col-xl-pull-17.ant-col-rtl {
+ .drip-col-xl-pull-17.drip-col-rtl {
right: auto;
left: 70.83333333%;
}
- .ant-col-xl-offset-17.ant-col-rtl {
+ .drip-col-xl-offset-17.drip-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
- .ant-col-xl-push-18.ant-col-rtl {
+ .drip-col-xl-push-18.drip-col-rtl {
right: 75%;
left: auto;
}
- .ant-col-xl-pull-18.ant-col-rtl {
+ .drip-col-xl-pull-18.drip-col-rtl {
right: auto;
left: 75%;
}
- .ant-col-xl-offset-18.ant-col-rtl {
+ .drip-col-xl-offset-18.drip-col-rtl {
margin-right: 75%;
margin-left: 0;
}
- .ant-col-xl-push-19.ant-col-rtl {
+ .drip-col-xl-push-19.drip-col-rtl {
right: 79.16666667%;
left: auto;
}
- .ant-col-xl-pull-19.ant-col-rtl {
+ .drip-col-xl-pull-19.drip-col-rtl {
right: auto;
left: 79.16666667%;
}
- .ant-col-xl-offset-19.ant-col-rtl {
+ .drip-col-xl-offset-19.drip-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
- .ant-col-xl-push-20.ant-col-rtl {
+ .drip-col-xl-push-20.drip-col-rtl {
right: 83.33333333%;
left: auto;
}
- .ant-col-xl-pull-20.ant-col-rtl {
+ .drip-col-xl-pull-20.drip-col-rtl {
right: auto;
left: 83.33333333%;
}
- .ant-col-xl-offset-20.ant-col-rtl {
+ .drip-col-xl-offset-20.drip-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
- .ant-col-xl-push-21.ant-col-rtl {
+ .drip-col-xl-push-21.drip-col-rtl {
right: 87.5%;
left: auto;
}
- .ant-col-xl-pull-21.ant-col-rtl {
+ .drip-col-xl-pull-21.drip-col-rtl {
right: auto;
left: 87.5%;
}
- .ant-col-xl-offset-21.ant-col-rtl {
+ .drip-col-xl-offset-21.drip-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
- .ant-col-xl-push-22.ant-col-rtl {
+ .drip-col-xl-push-22.drip-col-rtl {
right: 91.66666667%;
left: auto;
}
- .ant-col-xl-pull-22.ant-col-rtl {
+ .drip-col-xl-pull-22.drip-col-rtl {
right: auto;
left: 91.66666667%;
}
- .ant-col-xl-offset-22.ant-col-rtl {
+ .drip-col-xl-offset-22.drip-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
- .ant-col-xl-push-23.ant-col-rtl {
+ .drip-col-xl-push-23.drip-col-rtl {
right: 95.83333333%;
left: auto;
}
- .ant-col-xl-pull-23.ant-col-rtl {
+ .drip-col-xl-pull-23.drip-col-rtl {
right: auto;
left: 95.83333333%;
}
- .ant-col-xl-offset-23.ant-col-rtl {
+ .drip-col-xl-offset-23.drip-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
- .ant-col-xl-push-24.ant-col-rtl {
+ .drip-col-xl-push-24.drip-col-rtl {
right: 100%;
left: auto;
}
- .ant-col-xl-pull-24.ant-col-rtl {
+ .drip-col-xl-pull-24.drip-col-rtl {
right: auto;
left: 100%;
}
- .ant-col-xl-offset-24.ant-col-rtl {
+ .drip-col-xl-offset-24.drip-col-rtl {
margin-right: 100%;
margin-left: 0;
}
}
@media (min-width: 1600px) {
- .ant-col-xxl-24 {
+ .drip-col-xxl-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
- .ant-col-xxl-push-24 {
+ .drip-col-xxl-push-24 {
left: 100%;
}
- .ant-col-xxl-pull-24 {
+ .drip-col-xxl-pull-24 {
right: 100%;
}
- .ant-col-xxl-offset-24 {
+ .drip-col-xxl-offset-24 {
margin-left: 100%;
}
- .ant-col-xxl-order-24 {
+ .drip-col-xxl-order-24 {
order: 24;
}
- .ant-col-xxl-23 {
+ .drip-col-xxl-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
- .ant-col-xxl-push-23 {
+ .drip-col-xxl-push-23 {
left: 95.83333333%;
}
- .ant-col-xxl-pull-23 {
+ .drip-col-xxl-pull-23 {
right: 95.83333333%;
}
- .ant-col-xxl-offset-23 {
+ .drip-col-xxl-offset-23 {
margin-left: 95.83333333%;
}
- .ant-col-xxl-order-23 {
+ .drip-col-xxl-order-23 {
order: 23;
}
- .ant-col-xxl-22 {
+ .drip-col-xxl-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
- .ant-col-xxl-push-22 {
+ .drip-col-xxl-push-22 {
left: 91.66666667%;
}
- .ant-col-xxl-pull-22 {
+ .drip-col-xxl-pull-22 {
right: 91.66666667%;
}
- .ant-col-xxl-offset-22 {
+ .drip-col-xxl-offset-22 {
margin-left: 91.66666667%;
}
- .ant-col-xxl-order-22 {
+ .drip-col-xxl-order-22 {
order: 22;
}
- .ant-col-xxl-21 {
+ .drip-col-xxl-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
- .ant-col-xxl-push-21 {
+ .drip-col-xxl-push-21 {
left: 87.5%;
}
- .ant-col-xxl-pull-21 {
+ .drip-col-xxl-pull-21 {
right: 87.5%;
}
- .ant-col-xxl-offset-21 {
+ .drip-col-xxl-offset-21 {
margin-left: 87.5%;
}
- .ant-col-xxl-order-21 {
+ .drip-col-xxl-order-21 {
order: 21;
}
- .ant-col-xxl-20 {
+ .drip-col-xxl-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
- .ant-col-xxl-push-20 {
+ .drip-col-xxl-push-20 {
left: 83.33333333%;
}
- .ant-col-xxl-pull-20 {
+ .drip-col-xxl-pull-20 {
right: 83.33333333%;
}
- .ant-col-xxl-offset-20 {
+ .drip-col-xxl-offset-20 {
margin-left: 83.33333333%;
}
- .ant-col-xxl-order-20 {
+ .drip-col-xxl-order-20 {
order: 20;
}
- .ant-col-xxl-19 {
+ .drip-col-xxl-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
- .ant-col-xxl-push-19 {
+ .drip-col-xxl-push-19 {
left: 79.16666667%;
}
- .ant-col-xxl-pull-19 {
+ .drip-col-xxl-pull-19 {
right: 79.16666667%;
}
- .ant-col-xxl-offset-19 {
+ .drip-col-xxl-offset-19 {
margin-left: 79.16666667%;
}
- .ant-col-xxl-order-19 {
+ .drip-col-xxl-order-19 {
order: 19;
}
- .ant-col-xxl-18 {
+ .drip-col-xxl-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
- .ant-col-xxl-push-18 {
+ .drip-col-xxl-push-18 {
left: 75%;
}
- .ant-col-xxl-pull-18 {
+ .drip-col-xxl-pull-18 {
right: 75%;
}
- .ant-col-xxl-offset-18 {
+ .drip-col-xxl-offset-18 {
margin-left: 75%;
}
- .ant-col-xxl-order-18 {
+ .drip-col-xxl-order-18 {
order: 18;
}
- .ant-col-xxl-17 {
+ .drip-col-xxl-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
- .ant-col-xxl-push-17 {
+ .drip-col-xxl-push-17 {
left: 70.83333333%;
}
- .ant-col-xxl-pull-17 {
+ .drip-col-xxl-pull-17 {
right: 70.83333333%;
}
- .ant-col-xxl-offset-17 {
+ .drip-col-xxl-offset-17 {
margin-left: 70.83333333%;
}
- .ant-col-xxl-order-17 {
+ .drip-col-xxl-order-17 {
order: 17;
}
- .ant-col-xxl-16 {
+ .drip-col-xxl-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
- .ant-col-xxl-push-16 {
+ .drip-col-xxl-push-16 {
left: 66.66666667%;
}
- .ant-col-xxl-pull-16 {
+ .drip-col-xxl-pull-16 {
right: 66.66666667%;
}
- .ant-col-xxl-offset-16 {
+ .drip-col-xxl-offset-16 {
margin-left: 66.66666667%;
}
- .ant-col-xxl-order-16 {
+ .drip-col-xxl-order-16 {
order: 16;
}
- .ant-col-xxl-15 {
+ .drip-col-xxl-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
- .ant-col-xxl-push-15 {
+ .drip-col-xxl-push-15 {
left: 62.5%;
}
- .ant-col-xxl-pull-15 {
+ .drip-col-xxl-pull-15 {
right: 62.5%;
}
- .ant-col-xxl-offset-15 {
+ .drip-col-xxl-offset-15 {
margin-left: 62.5%;
}
- .ant-col-xxl-order-15 {
+ .drip-col-xxl-order-15 {
order: 15;
}
- .ant-col-xxl-14 {
+ .drip-col-xxl-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
- .ant-col-xxl-push-14 {
+ .drip-col-xxl-push-14 {
left: 58.33333333%;
}
- .ant-col-xxl-pull-14 {
+ .drip-col-xxl-pull-14 {
right: 58.33333333%;
}
- .ant-col-xxl-offset-14 {
+ .drip-col-xxl-offset-14 {
margin-left: 58.33333333%;
}
- .ant-col-xxl-order-14 {
+ .drip-col-xxl-order-14 {
order: 14;
}
- .ant-col-xxl-13 {
+ .drip-col-xxl-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
- .ant-col-xxl-push-13 {
+ .drip-col-xxl-push-13 {
left: 54.16666667%;
}
- .ant-col-xxl-pull-13 {
+ .drip-col-xxl-pull-13 {
right: 54.16666667%;
}
- .ant-col-xxl-offset-13 {
+ .drip-col-xxl-offset-13 {
margin-left: 54.16666667%;
}
- .ant-col-xxl-order-13 {
+ .drip-col-xxl-order-13 {
order: 13;
}
- .ant-col-xxl-12 {
+ .drip-col-xxl-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
- .ant-col-xxl-push-12 {
+ .drip-col-xxl-push-12 {
left: 50%;
}
- .ant-col-xxl-pull-12 {
+ .drip-col-xxl-pull-12 {
right: 50%;
}
- .ant-col-xxl-offset-12 {
+ .drip-col-xxl-offset-12 {
margin-left: 50%;
}
- .ant-col-xxl-order-12 {
+ .drip-col-xxl-order-12 {
order: 12;
}
- .ant-col-xxl-11 {
+ .drip-col-xxl-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
- .ant-col-xxl-push-11 {
+ .drip-col-xxl-push-11 {
left: 45.83333333%;
}
- .ant-col-xxl-pull-11 {
+ .drip-col-xxl-pull-11 {
right: 45.83333333%;
}
- .ant-col-xxl-offset-11 {
+ .drip-col-xxl-offset-11 {
margin-left: 45.83333333%;
}
- .ant-col-xxl-order-11 {
+ .drip-col-xxl-order-11 {
order: 11;
}
- .ant-col-xxl-10 {
+ .drip-col-xxl-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
- .ant-col-xxl-push-10 {
+ .drip-col-xxl-push-10 {
left: 41.66666667%;
}
- .ant-col-xxl-pull-10 {
+ .drip-col-xxl-pull-10 {
right: 41.66666667%;
}
- .ant-col-xxl-offset-10 {
+ .drip-col-xxl-offset-10 {
margin-left: 41.66666667%;
}
- .ant-col-xxl-order-10 {
+ .drip-col-xxl-order-10 {
order: 10;
}
- .ant-col-xxl-9 {
+ .drip-col-xxl-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
- .ant-col-xxl-push-9 {
+ .drip-col-xxl-push-9 {
left: 37.5%;
}
- .ant-col-xxl-pull-9 {
+ .drip-col-xxl-pull-9 {
right: 37.5%;
}
- .ant-col-xxl-offset-9 {
+ .drip-col-xxl-offset-9 {
margin-left: 37.5%;
}
- .ant-col-xxl-order-9 {
+ .drip-col-xxl-order-9 {
order: 9;
}
- .ant-col-xxl-8 {
+ .drip-col-xxl-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
- .ant-col-xxl-push-8 {
+ .drip-col-xxl-push-8 {
left: 33.33333333%;
}
- .ant-col-xxl-pull-8 {
+ .drip-col-xxl-pull-8 {
right: 33.33333333%;
}
- .ant-col-xxl-offset-8 {
+ .drip-col-xxl-offset-8 {
margin-left: 33.33333333%;
}
- .ant-col-xxl-order-8 {
+ .drip-col-xxl-order-8 {
order: 8;
}
- .ant-col-xxl-7 {
+ .drip-col-xxl-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
- .ant-col-xxl-push-7 {
+ .drip-col-xxl-push-7 {
left: 29.16666667%;
}
- .ant-col-xxl-pull-7 {
+ .drip-col-xxl-pull-7 {
right: 29.16666667%;
}
- .ant-col-xxl-offset-7 {
+ .drip-col-xxl-offset-7 {
margin-left: 29.16666667%;
}
- .ant-col-xxl-order-7 {
+ .drip-col-xxl-order-7 {
order: 7;
}
- .ant-col-xxl-6 {
+ .drip-col-xxl-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
- .ant-col-xxl-push-6 {
+ .drip-col-xxl-push-6 {
left: 25%;
}
- .ant-col-xxl-pull-6 {
+ .drip-col-xxl-pull-6 {
right: 25%;
}
- .ant-col-xxl-offset-6 {
+ .drip-col-xxl-offset-6 {
margin-left: 25%;
}
- .ant-col-xxl-order-6 {
+ .drip-col-xxl-order-6 {
order: 6;
}
- .ant-col-xxl-5 {
+ .drip-col-xxl-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
- .ant-col-xxl-push-5 {
+ .drip-col-xxl-push-5 {
left: 20.83333333%;
}
- .ant-col-xxl-pull-5 {
+ .drip-col-xxl-pull-5 {
right: 20.83333333%;
}
- .ant-col-xxl-offset-5 {
+ .drip-col-xxl-offset-5 {
margin-left: 20.83333333%;
}
- .ant-col-xxl-order-5 {
+ .drip-col-xxl-order-5 {
order: 5;
}
- .ant-col-xxl-4 {
+ .drip-col-xxl-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
- .ant-col-xxl-push-4 {
+ .drip-col-xxl-push-4 {
left: 16.66666667%;
}
- .ant-col-xxl-pull-4 {
+ .drip-col-xxl-pull-4 {
right: 16.66666667%;
}
- .ant-col-xxl-offset-4 {
+ .drip-col-xxl-offset-4 {
margin-left: 16.66666667%;
}
- .ant-col-xxl-order-4 {
+ .drip-col-xxl-order-4 {
order: 4;
}
- .ant-col-xxl-3 {
+ .drip-col-xxl-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
- .ant-col-xxl-push-3 {
+ .drip-col-xxl-push-3 {
left: 12.5%;
}
- .ant-col-xxl-pull-3 {
+ .drip-col-xxl-pull-3 {
right: 12.5%;
}
- .ant-col-xxl-offset-3 {
+ .drip-col-xxl-offset-3 {
margin-left: 12.5%;
}
- .ant-col-xxl-order-3 {
+ .drip-col-xxl-order-3 {
order: 3;
}
- .ant-col-xxl-2 {
+ .drip-col-xxl-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
- .ant-col-xxl-push-2 {
+ .drip-col-xxl-push-2 {
left: 8.33333333%;
}
- .ant-col-xxl-pull-2 {
+ .drip-col-xxl-pull-2 {
right: 8.33333333%;
}
- .ant-col-xxl-offset-2 {
+ .drip-col-xxl-offset-2 {
margin-left: 8.33333333%;
}
- .ant-col-xxl-order-2 {
+ .drip-col-xxl-order-2 {
order: 2;
}
- .ant-col-xxl-1 {
+ .drip-col-xxl-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
- .ant-col-xxl-push-1 {
+ .drip-col-xxl-push-1 {
left: 4.16666667%;
}
- .ant-col-xxl-pull-1 {
+ .drip-col-xxl-pull-1 {
right: 4.16666667%;
}
- .ant-col-xxl-offset-1 {
+ .drip-col-xxl-offset-1 {
margin-left: 4.16666667%;
}
- .ant-col-xxl-order-1 {
+ .drip-col-xxl-order-1 {
order: 1;
}
- .ant-col-xxl-0 {
+ .drip-col-xxl-0 {
display: none;
}
- .ant-col-push-0 {
+ .drip-col-push-0 {
left: auto;
}
- .ant-col-pull-0 {
+ .drip-col-pull-0 {
right: auto;
}
- .ant-col-xxl-push-0 {
+ .drip-col-xxl-push-0 {
left: auto;
}
- .ant-col-xxl-pull-0 {
+ .drip-col-xxl-pull-0 {
right: auto;
}
- .ant-col-xxl-offset-0 {
+ .drip-col-xxl-offset-0 {
margin-left: 0;
}
- .ant-col-xxl-order-0 {
+ .drip-col-xxl-order-0 {
order: 0;
}
- .ant-col-push-0.ant-col-rtl {
+ .drip-col-push-0.drip-col-rtl {
right: auto;
}
- .ant-col-pull-0.ant-col-rtl {
+ .drip-col-pull-0.drip-col-rtl {
left: auto;
}
- .ant-col-xxl-push-0.ant-col-rtl {
+ .drip-col-xxl-push-0.drip-col-rtl {
right: auto;
}
- .ant-col-xxl-pull-0.ant-col-rtl {
+ .drip-col-xxl-pull-0.drip-col-rtl {
left: auto;
}
- .ant-col-xxl-offset-0.ant-col-rtl {
+ .drip-col-xxl-offset-0.drip-col-rtl {
margin-right: 0;
}
- .ant-col-xxl-push-1.ant-col-rtl {
+ .drip-col-xxl-push-1.drip-col-rtl {
right: 4.16666667%;
left: auto;
}
- .ant-col-xxl-pull-1.ant-col-rtl {
+ .drip-col-xxl-pull-1.drip-col-rtl {
right: auto;
left: 4.16666667%;
}
- .ant-col-xxl-offset-1.ant-col-rtl {
+ .drip-col-xxl-offset-1.drip-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
- .ant-col-xxl-push-2.ant-col-rtl {
+ .drip-col-xxl-push-2.drip-col-rtl {
right: 8.33333333%;
left: auto;
}
- .ant-col-xxl-pull-2.ant-col-rtl {
+ .drip-col-xxl-pull-2.drip-col-rtl {
right: auto;
left: 8.33333333%;
}
- .ant-col-xxl-offset-2.ant-col-rtl {
+ .drip-col-xxl-offset-2.drip-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
- .ant-col-xxl-push-3.ant-col-rtl {
+ .drip-col-xxl-push-3.drip-col-rtl {
right: 12.5%;
left: auto;
}
- .ant-col-xxl-pull-3.ant-col-rtl {
+ .drip-col-xxl-pull-3.drip-col-rtl {
right: auto;
left: 12.5%;
}
- .ant-col-xxl-offset-3.ant-col-rtl {
+ .drip-col-xxl-offset-3.drip-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
- .ant-col-xxl-push-4.ant-col-rtl {
+ .drip-col-xxl-push-4.drip-col-rtl {
right: 16.66666667%;
left: auto;
}
- .ant-col-xxl-pull-4.ant-col-rtl {
+ .drip-col-xxl-pull-4.drip-col-rtl {
right: auto;
left: 16.66666667%;
}
- .ant-col-xxl-offset-4.ant-col-rtl {
+ .drip-col-xxl-offset-4.drip-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
- .ant-col-xxl-push-5.ant-col-rtl {
+ .drip-col-xxl-push-5.drip-col-rtl {
right: 20.83333333%;
left: auto;
}
- .ant-col-xxl-pull-5.ant-col-rtl {
+ .drip-col-xxl-pull-5.drip-col-rtl {
right: auto;
left: 20.83333333%;
}
- .ant-col-xxl-offset-5.ant-col-rtl {
+ .drip-col-xxl-offset-5.drip-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
- .ant-col-xxl-push-6.ant-col-rtl {
+ .drip-col-xxl-push-6.drip-col-rtl {
right: 25%;
left: auto;
}
- .ant-col-xxl-pull-6.ant-col-rtl {
+ .drip-col-xxl-pull-6.drip-col-rtl {
right: auto;
left: 25%;
}
- .ant-col-xxl-offset-6.ant-col-rtl {
+ .drip-col-xxl-offset-6.drip-col-rtl {
margin-right: 25%;
margin-left: 0;
}
- .ant-col-xxl-push-7.ant-col-rtl {
+ .drip-col-xxl-push-7.drip-col-rtl {
right: 29.16666667%;
left: auto;
}
- .ant-col-xxl-pull-7.ant-col-rtl {
+ .drip-col-xxl-pull-7.drip-col-rtl {
right: auto;
left: 29.16666667%;
}
- .ant-col-xxl-offset-7.ant-col-rtl {
+ .drip-col-xxl-offset-7.drip-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
- .ant-col-xxl-push-8.ant-col-rtl {
+ .drip-col-xxl-push-8.drip-col-rtl {
right: 33.33333333%;
left: auto;
}
- .ant-col-xxl-pull-8.ant-col-rtl {
+ .drip-col-xxl-pull-8.drip-col-rtl {
right: auto;
left: 33.33333333%;
}
- .ant-col-xxl-offset-8.ant-col-rtl {
+ .drip-col-xxl-offset-8.drip-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
- .ant-col-xxl-push-9.ant-col-rtl {
+ .drip-col-xxl-push-9.drip-col-rtl {
right: 37.5%;
left: auto;
}
- .ant-col-xxl-pull-9.ant-col-rtl {
+ .drip-col-xxl-pull-9.drip-col-rtl {
right: auto;
left: 37.5%;
}
- .ant-col-xxl-offset-9.ant-col-rtl {
+ .drip-col-xxl-offset-9.drip-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
- .ant-col-xxl-push-10.ant-col-rtl {
+ .drip-col-xxl-push-10.drip-col-rtl {
right: 41.66666667%;
left: auto;
}
- .ant-col-xxl-pull-10.ant-col-rtl {
+ .drip-col-xxl-pull-10.drip-col-rtl {
right: auto;
left: 41.66666667%;
}
- .ant-col-xxl-offset-10.ant-col-rtl {
+ .drip-col-xxl-offset-10.drip-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
- .ant-col-xxl-push-11.ant-col-rtl {
+ .drip-col-xxl-push-11.drip-col-rtl {
right: 45.83333333%;
left: auto;
}
- .ant-col-xxl-pull-11.ant-col-rtl {
+ .drip-col-xxl-pull-11.drip-col-rtl {
right: auto;
left: 45.83333333%;
}
- .ant-col-xxl-offset-11.ant-col-rtl {
+ .drip-col-xxl-offset-11.drip-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
- .ant-col-xxl-push-12.ant-col-rtl {
+ .drip-col-xxl-push-12.drip-col-rtl {
right: 50%;
left: auto;
}
- .ant-col-xxl-pull-12.ant-col-rtl {
+ .drip-col-xxl-pull-12.drip-col-rtl {
right: auto;
left: 50%;
}
- .ant-col-xxl-offset-12.ant-col-rtl {
+ .drip-col-xxl-offset-12.drip-col-rtl {
margin-right: 50%;
margin-left: 0;
}
- .ant-col-xxl-push-13.ant-col-rtl {
+ .drip-col-xxl-push-13.drip-col-rtl {
right: 54.16666667%;
left: auto;
}
- .ant-col-xxl-pull-13.ant-col-rtl {
+ .drip-col-xxl-pull-13.drip-col-rtl {
right: auto;
left: 54.16666667%;
}
- .ant-col-xxl-offset-13.ant-col-rtl {
+ .drip-col-xxl-offset-13.drip-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
- .ant-col-xxl-push-14.ant-col-rtl {
+ .drip-col-xxl-push-14.drip-col-rtl {
right: 58.33333333%;
left: auto;
}
- .ant-col-xxl-pull-14.ant-col-rtl {
+ .drip-col-xxl-pull-14.drip-col-rtl {
right: auto;
left: 58.33333333%;
}
- .ant-col-xxl-offset-14.ant-col-rtl {
+ .drip-col-xxl-offset-14.drip-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
- .ant-col-xxl-push-15.ant-col-rtl {
+ .drip-col-xxl-push-15.drip-col-rtl {
right: 62.5%;
left: auto;
}
- .ant-col-xxl-pull-15.ant-col-rtl {
+ .drip-col-xxl-pull-15.drip-col-rtl {
right: auto;
left: 62.5%;
}
- .ant-col-xxl-offset-15.ant-col-rtl {
+ .drip-col-xxl-offset-15.drip-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
- .ant-col-xxl-push-16.ant-col-rtl {
+ .drip-col-xxl-push-16.drip-col-rtl {
right: 66.66666667%;
left: auto;
}
- .ant-col-xxl-pull-16.ant-col-rtl {
+ .drip-col-xxl-pull-16.drip-col-rtl {
right: auto;
left: 66.66666667%;
}
- .ant-col-xxl-offset-16.ant-col-rtl {
+ .drip-col-xxl-offset-16.drip-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
- .ant-col-xxl-push-17.ant-col-rtl {
+ .drip-col-xxl-push-17.drip-col-rtl {
right: 70.83333333%;
left: auto;
}
- .ant-col-xxl-pull-17.ant-col-rtl {
+ .drip-col-xxl-pull-17.drip-col-rtl {
right: auto;
left: 70.83333333%;
}
- .ant-col-xxl-offset-17.ant-col-rtl {
+ .drip-col-xxl-offset-17.drip-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
- .ant-col-xxl-push-18.ant-col-rtl {
+ .drip-col-xxl-push-18.drip-col-rtl {
right: 75%;
left: auto;
}
- .ant-col-xxl-pull-18.ant-col-rtl {
+ .drip-col-xxl-pull-18.drip-col-rtl {
right: auto;
left: 75%;
}
- .ant-col-xxl-offset-18.ant-col-rtl {
+ .drip-col-xxl-offset-18.drip-col-rtl {
margin-right: 75%;
margin-left: 0;
}
- .ant-col-xxl-push-19.ant-col-rtl {
+ .drip-col-xxl-push-19.drip-col-rtl {
right: 79.16666667%;
left: auto;
}
- .ant-col-xxl-pull-19.ant-col-rtl {
+ .drip-col-xxl-pull-19.drip-col-rtl {
right: auto;
left: 79.16666667%;
}
- .ant-col-xxl-offset-19.ant-col-rtl {
+ .drip-col-xxl-offset-19.drip-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
- .ant-col-xxl-push-20.ant-col-rtl {
+ .drip-col-xxl-push-20.drip-col-rtl {
right: 83.33333333%;
left: auto;
}
- .ant-col-xxl-pull-20.ant-col-rtl {
+ .drip-col-xxl-pull-20.drip-col-rtl {
right: auto;
left: 83.33333333%;
}
- .ant-col-xxl-offset-20.ant-col-rtl {
+ .drip-col-xxl-offset-20.drip-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
- .ant-col-xxl-push-21.ant-col-rtl {
+ .drip-col-xxl-push-21.drip-col-rtl {
right: 87.5%;
left: auto;
}
- .ant-col-xxl-pull-21.ant-col-rtl {
+ .drip-col-xxl-pull-21.drip-col-rtl {
right: auto;
left: 87.5%;
}
- .ant-col-xxl-offset-21.ant-col-rtl {
+ .drip-col-xxl-offset-21.drip-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
- .ant-col-xxl-push-22.ant-col-rtl {
+ .drip-col-xxl-push-22.drip-col-rtl {
right: 91.66666667%;
left: auto;
}
- .ant-col-xxl-pull-22.ant-col-rtl {
+ .drip-col-xxl-pull-22.drip-col-rtl {
right: auto;
left: 91.66666667%;
}
- .ant-col-xxl-offset-22.ant-col-rtl {
+ .drip-col-xxl-offset-22.drip-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
- .ant-col-xxl-push-23.ant-col-rtl {
+ .drip-col-xxl-push-23.drip-col-rtl {
right: 95.83333333%;
left: auto;
}
- .ant-col-xxl-pull-23.ant-col-rtl {
+ .drip-col-xxl-pull-23.drip-col-rtl {
right: auto;
left: 95.83333333%;
}
- .ant-col-xxl-offset-23.ant-col-rtl {
+ .drip-col-xxl-offset-23.drip-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
- .ant-col-xxl-push-24.ant-col-rtl {
+ .drip-col-xxl-push-24.drip-col-rtl {
right: 100%;
left: auto;
}
- .ant-col-xxl-pull-24.ant-col-rtl {
+ .drip-col-xxl-pull-24.drip-col-rtl {
right: auto;
left: 100%;
}
- .ant-col-xxl-offset-24.ant-col-rtl {
+ .drip-col-xxl-offset-24.drip-col-rtl {
margin-right: 100%;
margin-left: 0;
}
}
- .ant-row-rtl {
+ .drip-row-rtl {
direction: rtl;
}
@@ -15215,18 +16630,18 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-carousel {
+ .drip-carousel {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
}
- .ant-carousel .slick-slider {
+ .drip-carousel .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
@@ -15234,88 +16649,88 @@
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
}
- .ant-carousel .slick-list {
+ .drip-carousel .slick-list {
position: relative;
display: block;
margin: 0;
padding: 0;
overflow: hidden;
}
- .ant-carousel .slick-list:focus {
+ .drip-carousel .slick-list:focus {
outline: none;
}
- .ant-carousel .slick-list.dragging {
+ .drip-carousel .slick-list.dragging {
cursor: pointer;
}
- .ant-carousel .slick-list .slick-slide {
+ .drip-carousel .slick-list .slick-slide {
pointer-events: none;
}
- .ant-carousel .slick-list .slick-slide input.ant-radio-input,
- .ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
+ .drip-carousel .slick-list .slick-slide input.drip-radio-input,
+ .drip-carousel .slick-list .slick-slide input.drip-checkbox-input {
visibility: hidden;
}
- .ant-carousel .slick-list .slick-slide.slick-active {
+ .drip-carousel .slick-list .slick-slide.slick-active {
pointer-events: auto;
}
- .ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
- .ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
+ .drip-carousel .slick-list .slick-slide.slick-active input.drip-radio-input,
+ .drip-carousel .slick-list .slick-slide.slick-active input.drip-checkbox-input {
visibility: visible;
}
- .ant-carousel .slick-list .slick-slide > div > div {
+ .drip-carousel .slick-list .slick-slide > div > div {
vertical-align: bottom;
}
- .ant-carousel .slick-slider .slick-track,
- .ant-carousel .slick-slider .slick-list {
+ .drip-carousel .slick-slider .slick-track,
+ .drip-carousel .slick-slider .slick-list {
transform: translate3d(0, 0, 0);
touch-action: pan-y;
}
- .ant-carousel .slick-track {
+ .drip-carousel .slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
- .ant-carousel .slick-track::before,
- .ant-carousel .slick-track::after {
+ .drip-carousel .slick-track::before,
+ .drip-carousel .slick-track::after {
display: table;
content: '';
}
- .ant-carousel .slick-track::after {
+ .drip-carousel .slick-track::after {
clear: both;
}
- .slick-loading .ant-carousel .slick-track {
+ .slick-loading .drip-carousel .slick-track {
visibility: hidden;
}
- .ant-carousel .slick-slide {
+ .drip-carousel .slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
- .ant-carousel .slick-slide img {
+ .drip-carousel .slick-slide img {
display: block;
}
- .ant-carousel .slick-slide.slick-loading img {
+ .drip-carousel .slick-slide.slick-loading img {
display: none;
}
- .ant-carousel .slick-slide.dragging img {
+ .drip-carousel .slick-slide.dragging img {
pointer-events: none;
}
- .ant-carousel .slick-initialized .slick-slide {
+ .drip-carousel .slick-initialized .slick-slide {
display: block;
}
- .ant-carousel .slick-loading .slick-slide {
+ .drip-carousel .slick-loading .slick-slide {
visibility: hidden;
}
- .ant-carousel .slick-vertical .slick-slide {
+ .drip-carousel .slick-vertical .slick-slide {
display: block;
height: auto;
}
- .ant-carousel .slick-arrow.slick-hidden {
+ .drip-carousel .slick-arrow.slick-hidden {
display: none;
}
- .ant-carousel .slick-prev,
- .ant-carousel .slick-next {
+ .drip-carousel .slick-prev,
+ .drip-carousel .slick-next {
position: absolute;
top: 50%;
display: block;
@@ -15331,37 +16746,37 @@
outline: none;
cursor: pointer;
}
- .ant-carousel .slick-prev:hover,
- .ant-carousel .slick-next:hover,
- .ant-carousel .slick-prev:focus,
- .ant-carousel .slick-next:focus {
+ .drip-carousel .slick-prev:hover,
+ .drip-carousel .slick-next:hover,
+ .drip-carousel .slick-prev:focus,
+ .drip-carousel .slick-next:focus {
color: transparent;
background: transparent;
outline: none;
}
- .ant-carousel .slick-prev:hover::before,
- .ant-carousel .slick-next:hover::before,
- .ant-carousel .slick-prev:focus::before,
- .ant-carousel .slick-next:focus::before {
+ .drip-carousel .slick-prev:hover::before,
+ .drip-carousel .slick-next:hover::before,
+ .drip-carousel .slick-prev:focus::before,
+ .drip-carousel .slick-next:focus::before {
opacity: 1;
}
- .ant-carousel .slick-prev.slick-disabled::before,
- .ant-carousel .slick-next.slick-disabled::before {
+ .drip-carousel .slick-prev.slick-disabled::before,
+ .drip-carousel .slick-next.slick-disabled::before {
opacity: 0.25;
}
- .ant-carousel .slick-prev {
+ .drip-carousel .slick-prev {
left: -25px;
}
- .ant-carousel .slick-prev::before {
+ .drip-carousel .slick-prev::before {
content: '←';
}
- .ant-carousel .slick-next {
+ .drip-carousel .slick-next {
right: -25px;
}
- .ant-carousel .slick-next::before {
+ .drip-carousel .slick-next::before {
content: '→';
}
- .ant-carousel .slick-dots {
+ .drip-carousel .slick-dots {
position: absolute;
right: 0;
bottom: 0;
@@ -15374,119 +16789,120 @@
padding-left: 0;
list-style: none;
}
- .ant-carousel .slick-dots-bottom {
+ .drip-carousel .slick-dots-bottom {
bottom: 12px;
}
- .ant-carousel .slick-dots-top {
+ .drip-carousel .slick-dots-top {
top: 12px;
bottom: auto;
}
- .ant-carousel .slick-dots li {
+ .drip-carousel .slick-dots li {
position: relative;
display: inline-block;
flex: 0 1 auto;
box-sizing: content-box;
- width: 16px;
- height: 3px;
+ width: 8px;
+ height: 8px;
margin: 0 2px;
- margin-right: 3px;
- margin-left: 3px;
+ margin-right: 4px;
+ margin-left: 4px;
padding: 0;
text-align: center;
text-indent: -999px;
vertical-align: top;
transition: all 0.5s;
}
- .ant-carousel .slick-dots li button {
+ .drip-carousel .slick-dots li button {
display: block;
width: 100%;
- height: 3px;
+ height: 8px;
padding: 0;
color: transparent;
font-size: 0;
- background: #fff;
+ background: rgba(45, 100, 255, 0.35);
border: 0;
- border-radius: 1px;
+ border-radius: 50%;
outline: none;
cursor: pointer;
opacity: 0.3;
transition: all 0.5s;
}
- .ant-carousel .slick-dots li button:hover,
- .ant-carousel .slick-dots li button:focus {
+ .drip-carousel .slick-dots li button:hover,
+ .drip-carousel .slick-dots li button:focus {
opacity: 0.75;
}
- .ant-carousel .slick-dots li.slick-active {
- width: 24px;
+ .drip-carousel .slick-dots li.slick-active {
+ width: 32px;
}
- .ant-carousel .slick-dots li.slick-active button {
- background: #fff;
+ .drip-carousel .slick-dots li.slick-active button {
+ background: #2D64FF;
+ border-radius: 8px;
opacity: 1;
}
- .ant-carousel .slick-dots li.slick-active:hover,
- .ant-carousel .slick-dots li.slick-active:focus {
+ .drip-carousel .slick-dots li.slick-active:hover,
+ .drip-carousel .slick-dots li.slick-active:focus {
opacity: 1;
}
- .ant-carousel-vertical .slick-dots {
+ .drip-carousel-vertical .slick-dots {
top: 50%;
bottom: auto;
flex-direction: column;
- width: 3px;
+ width: 8px;
height: auto;
margin: 0;
transform: translateY(-50%);
}
- .ant-carousel-vertical .slick-dots-left {
+ .drip-carousel-vertical .slick-dots-left {
right: auto;
left: 12px;
}
- .ant-carousel-vertical .slick-dots-right {
+ .drip-carousel-vertical .slick-dots-right {
right: 12px;
left: auto;
}
- .ant-carousel-vertical .slick-dots li {
- width: 3px;
- height: 16px;
+ .drip-carousel-vertical .slick-dots li {
+ width: 8px;
+ height: 8px;
margin: 4px 2px;
vertical-align: baseline;
}
- .ant-carousel-vertical .slick-dots li button {
- width: 3px;
- height: 16px;
+ .drip-carousel-vertical .slick-dots li button {
+ width: 8px;
+ height: 8px;
}
- .ant-carousel-vertical .slick-dots li.slick-active {
- width: 3px;
- height: 24px;
+ .drip-carousel-vertical .slick-dots li.slick-active {
+ width: 8px;
+ height: 32px;
}
- .ant-carousel-vertical .slick-dots li.slick-active button {
- width: 3px;
- height: 24px;
+ .drip-carousel-vertical .slick-dots li.slick-active button {
+ width: 8px;
+ height: 32px;
}
- .ant-carousel-rtl {
+ .drip-carousel-rtl {
direction: rtl;
}
- .ant-carousel-rtl .ant-carousel .slick-track {
+ .drip-carousel-rtl .drip-carousel .slick-track {
right: 0;
left: auto;
}
- .ant-carousel-rtl .ant-carousel .slick-prev {
+ .drip-carousel-rtl .drip-carousel .slick-prev {
right: -25px;
left: auto;
}
- .ant-carousel-rtl .ant-carousel .slick-prev::before {
+ .drip-carousel-rtl .drip-carousel .slick-prev::before {
content: '→';
}
- .ant-carousel-rtl .ant-carousel .slick-next {
+ .drip-carousel-rtl .drip-carousel .slick-next {
right: auto;
left: -25px;
}
- .ant-carousel-rtl .ant-carousel .slick-next::before {
+ .drip-carousel-rtl .drip-carousel .slick-next::before {
content: '←';
}
- .ant-carousel-rtl.ant-carousel .slick-dots {
+ .drip-carousel-rtl.drip-carousel .slick-dots {
flex-direction: row-reverse;
}
- .ant-carousel-rtl.ant-carousel-vertical .slick-dots {
+ .drip-carousel-rtl.drip-carousel-vertical .slick-dots {
flex-direction: column;
}
@@ -15494,32 +16910,32 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-cascader {
+ .drip-cascader {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
}
- .ant-cascader-input.ant-input {
+ .drip-cascader-input.drip-input {
position: static;
width: 100%;
padding-right: 24px;
background-color: transparent !important;
cursor: pointer;
}
- .ant-cascader-picker-show-search .ant-cascader-input.ant-input {
+ .drip-cascader-picker-show-search .drip-cascader-input.drip-input {
position: relative;
}
- .ant-cascader-picker {
+ .drip-cascader-picker {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -15533,31 +16949,30 @@
cursor: pointer;
transition: color 0.3s;
}
- .ant-cascader-picker-with-value .ant-cascader-picker-label {
+ .drip-cascader-picker-with-value .drip-cascader-picker-label {
color: transparent;
}
- .ant-cascader-picker-disabled {
+ .drip-cascader-picker-disabled {
color: rgba(0, 0, 0, 0.25);
background: #f5f5f5;
cursor: not-allowed;
}
- .ant-cascader-picker-disabled .ant-cascader-input {
+ .drip-cascader-picker-disabled .drip-cascader-input {
cursor: not-allowed;
}
- .ant-cascader-picker:focus .ant-cascader-input {
- border-color: #40a9ff;
+ .drip-cascader-picker:focus .drip-cascader-input {
+ border-color: #5789ff;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
- .ant-cascader-picker-borderless .ant-cascader-input {
+ .drip-cascader-picker-borderless .drip-cascader-input {
border-color: transparent !important;
box-shadow: none !important;
}
- .ant-cascader-picker-show-search.ant-cascader-picker-focused {
+ .drip-cascader-picker-show-search.drip-cascader-picker-focused {
color: rgba(0, 0, 0, 0.25);
}
- .ant-cascader-picker-label {
+ .drip-cascader-picker-label {
position: absolute;
top: 50%;
left: 0;
@@ -15570,7 +16985,7 @@
white-space: nowrap;
text-overflow: ellipsis;
}
- .ant-cascader-picker-clear {
+ .drip-cascader-picker-clear {
position: absolute;
top: 50%;
right: 12px;
@@ -15586,13 +17001,13 @@
opacity: 0;
transition: color 0.3s ease, opacity 0.15s ease;
}
- .ant-cascader-picker-clear:hover {
+ .drip-cascader-picker-clear:hover {
color: rgba(0, 0, 0, 0.45);
}
- .ant-cascader-picker:hover .ant-cascader-picker-clear {
+ .drip-cascader-picker:hover .drip-cascader-picker-clear {
opacity: 1;
}
- .ant-cascader-picker-arrow {
+ .drip-cascader-picker-arrow {
position: absolute;
top: 50%;
right: 12px;
@@ -15604,51 +17019,51 @@
font-size: 12px;
line-height: 12px;
}
- .ant-cascader-picker-label:hover + .ant-cascader-input:not(.ant-cascader-picker-disabled .ant-cascader-picker-label:hover + .ant-cascader-input) {
- border-color: #40a9ff;
+ .drip-cascader-picker-label:hover + .drip-cascader-input:not(.drip-cascader-picker-disabled .drip-cascader-picker-label:hover + .drip-cascader-input) {
+ border-color: #5789ff;
border-right-width: 1px !important;
}
- .ant-cascader-picker-small .ant-cascader-picker-clear,
- .ant-cascader-picker-small .ant-cascader-picker-arrow {
+ .drip-cascader-picker-small .drip-cascader-picker-clear,
+ .drip-cascader-picker-small .drip-cascader-picker-arrow {
right: 8px;
}
- .ant-cascader-menus {
+ .drip-cascader-menus {
position: absolute;
z-index: 1050;
font-size: 14px;
white-space: nowrap;
background: #fff;
- border-radius: 2px;
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+ border-radius: 4px;
+ box-shadow: 0px 4px 16px 8px rgba(0, 0, 0, 0.04), 0px 0px 8px rgba(0, 0, 0, 0.04);
}
- .ant-cascader-menus ul,
- .ant-cascader-menus ol {
+ .drip-cascader-menus ul,
+ .drip-cascader-menus ol {
margin: 0;
list-style: none;
}
- .ant-cascader-menus-empty,
- .ant-cascader-menus-hidden {
+ .drip-cascader-menus-empty,
+ .drip-cascader-menus-hidden {
display: none;
}
- .ant-cascader-menus.ant-slide-up-enter.ant-slide-up-enter-active.ant-cascader-menus-placement-bottomLeft,
- .ant-cascader-menus.ant-slide-up-appear.ant-slide-up-appear-active.ant-cascader-menus-placement-bottomLeft {
- -webkit-animation-name: antSlideUpIn;
- animation-name: antSlideUpIn;
+ .drip-cascader-menus.drip-slide-up-enter.drip-slide-up-enter-active.drip-cascader-menus-placement-bottomLeft,
+ .drip-cascader-menus.drip-slide-up-appear.drip-slide-up-appear-active.drip-cascader-menus-placement-bottomLeft {
+ -webkit-animation-name: dripSlideUpIn;
+ animation-name: dripSlideUpIn;
}
- .ant-cascader-menus.ant-slide-up-enter.ant-slide-up-enter-active.ant-cascader-menus-placement-topLeft,
- .ant-cascader-menus.ant-slide-up-appear.ant-slide-up-appear-active.ant-cascader-menus-placement-topLeft {
- -webkit-animation-name: antSlideDownIn;
- animation-name: antSlideDownIn;
+ .drip-cascader-menus.drip-slide-up-enter.drip-slide-up-enter-active.drip-cascader-menus-placement-topLeft,
+ .drip-cascader-menus.drip-slide-up-appear.drip-slide-up-appear-active.drip-cascader-menus-placement-topLeft {
+ -webkit-animation-name: dripSlideDownIn;
+ animation-name: dripSlideDownIn;
}
- .ant-cascader-menus.ant-slide-up-leave.ant-slide-up-leave-active.ant-cascader-menus-placement-bottomLeft {
- -webkit-animation-name: antSlideUpOut;
- animation-name: antSlideUpOut;
+ .drip-cascader-menus.drip-slide-up-leave.drip-slide-up-leave-active.drip-cascader-menus-placement-bottomLeft {
+ -webkit-animation-name: dripSlideUpOut;
+ animation-name: dripSlideUpOut;
}
- .ant-cascader-menus.ant-slide-up-leave.ant-slide-up-leave-active.ant-cascader-menus-placement-topLeft {
- -webkit-animation-name: antSlideDownOut;
- animation-name: antSlideDownOut;
+ .drip-cascader-menus.drip-slide-up-leave.drip-slide-up-leave-active.drip-cascader-menus-placement-topLeft {
+ -webkit-animation-name: dripSlideDownOut;
+ animation-name: dripSlideDownOut;
}
- .ant-cascader-menu {
+ .drip-cascader-menu {
display: inline-block;
min-width: 111px;
height: 180px;
@@ -15660,18 +17075,18 @@
border-right: 1px solid #f0f0f0;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
- .ant-cascader-menu:first-child {
+ .drip-cascader-menu:first-child {
border-radius: 2px 0 0 2px;
}
- .ant-cascader-menu:last-child {
+ .drip-cascader-menu:last-child {
margin-right: -1px;
border-right-color: transparent;
border-radius: 0 2px 2px 0;
}
- .ant-cascader-menu:only-child {
+ .drip-cascader-menu:only-child {
border-radius: 2px;
}
- .ant-cascader-menu-item {
+ .drip-cascader-menu-item {
padding: 5px 12px;
overflow: hidden;
line-height: 22px;
@@ -15680,96 +17095,96 @@
cursor: pointer;
transition: all 0.3s;
}
- .ant-cascader-menu-item:hover {
+ .drip-cascader-menu-item:hover {
background: #f5f5f5;
}
- .ant-cascader-menu-item-disabled {
+ .drip-cascader-menu-item-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
- .ant-cascader-menu-item-disabled:hover {
+ .drip-cascader-menu-item-disabled:hover {
background: transparent;
}
- .ant-cascader-menu-empty .ant-cascader-menu-item {
+ .drip-cascader-menu-empty .drip-cascader-menu-item {
color: rgba(0, 0, 0, 0.25);
cursor: default;
pointer-events: none;
}
- .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
- .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
+ .drip-cascader-menu-item-active:not(.drip-cascader-menu-item-disabled),
+ .drip-cascader-menu-item-active:not(.drip-cascader-menu-item-disabled):hover {
font-weight: 600;
- background-color: #e6f7ff;
+ background-color: #f0f6ff;
}
- .ant-cascader-menu-item-expand {
+ .drip-cascader-menu-item-expand {
position: relative;
padding-right: 24px;
}
- .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
- .ant-cascader-menu-item-loading-icon {
+ .drip-cascader-menu-item-expand .drip-cascader-menu-item-expand-icon,
+ .drip-cascader-menu-item-loading-icon {
position: absolute;
right: 12px;
color: rgba(0, 0, 0, 0.45);
font-size: 10px;
}
- .ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
- .ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon {
+ .drip-cascader-menu-item-disabled.drip-cascader-menu-item-expand .drip-cascader-menu-item-expand-icon,
+ .drip-cascader-menu-item-disabled.drip-cascader-menu-item-loading-icon {
color: rgba(0, 0, 0, 0.25);
}
- .ant-cascader-menu-item .ant-cascader-menu-item-keyword {
- color: #ff4d4f;
+ .drip-cascader-menu-item .drip-cascader-menu-item-keyword {
+ color: #ff7a75;
}
- .ant-cascader-picker-rtl .ant-cascader-input.ant-input {
+ .drip-cascader-picker-rtl .drip-cascader-input.drip-input {
padding-right: 11px;
padding-left: 24px;
text-align: right;
}
- .ant-cascader-picker-rtl {
+ .drip-cascader-picker-rtl {
direction: rtl;
}
- .ant-cascader-picker-rtl .ant-cascader-picker-label {
+ .drip-cascader-picker-rtl .drip-cascader-picker-label {
padding: 0 12px 0 20px;
text-align: right;
}
- .ant-cascader-picker-rtl .ant-cascader-picker-clear {
+ .drip-cascader-picker-rtl .drip-cascader-picker-clear {
right: auto;
left: 12px;
}
- .ant-cascader-picker-rtl .ant-cascader-picker-arrow {
+ .drip-cascader-picker-rtl .drip-cascader-picker-arrow {
right: auto;
left: 12px;
}
- .ant-cascader-picker-rtl.ant-cascader-picker-small .ant-cascader-picker-clear,
- .ant-cascader-picker-rtl.ant-cascader-picker-small .ant-cascader-picker-arrow {
+ .drip-cascader-picker-rtl.drip-cascader-picker-small .drip-cascader-picker-clear,
+ .drip-cascader-picker-rtl.drip-cascader-picker-small .drip-cascader-picker-arrow {
right: auto;
left: 8px;
}
- .ant-cascader-menu-rtl .ant-cascader-menu {
+ .drip-cascader-menu-rtl .drip-cascader-menu {
direction: rtl;
border-right: none;
border-left: 1px solid #f0f0f0;
}
- .ant-cascader-menu-rtl .ant-cascader-menu:first-child {
+ .drip-cascader-menu-rtl .drip-cascader-menu:first-child {
border-radius: 0 2px 2px 0;
}
- .ant-cascader-menu-rtl .ant-cascader-menu:last-child {
+ .drip-cascader-menu-rtl .drip-cascader-menu:last-child {
margin-right: 0;
margin-left: -1px;
border-left-color: transparent;
border-radius: 2px 0 0 2px;
}
- .ant-cascader-menu-rtl .ant-cascader-menu:only-child {
+ .drip-cascader-menu-rtl .drip-cascader-menu:only-child {
border-radius: 2px;
}
- .ant-cascader-menu-rtl .ant-cascader-menu-item-expand {
+ .drip-cascader-menu-rtl .drip-cascader-menu-item-expand {
padding-right: 12px;
padding-left: 24px;
}
- .ant-cascader-menu-rtl .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
- .ant-cascader-menu-rtl .ant-cascader-menu-item-loading-icon {
+ .drip-cascader-menu-rtl .drip-cascader-menu-item-expand .drip-cascader-menu-item-expand-icon,
+ .drip-cascader-menu-rtl .drip-cascader-menu-item-loading-icon {
right: auto;
left: 12px;
}
- .ant-cascader-menu-rtl .ant-cascader-menu-item-loading-icon {
+ .drip-cascader-menu-rtl .drip-cascader-menu-item-loading-icon {
transform: scaleY(-1);
}
@@ -15777,13 +17192,13 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-input-affix-wrapper {
+ .drip-input-affix-wrapper {
position: relative;
display: inline-block;
width: 100%;
min-width: 0;
padding: 4px 11px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
line-height: 1.5715;
background-color: #fff;
@@ -15793,75 +17208,78 @@
transition: all 0.3s;
display: inline-flex;
}
- .ant-input-affix-wrapper::-moz-placeholder {
+ .drip-input-affix-wrapper::-moz-placeholder {
opacity: 1;
}
- .ant-input-affix-wrapper:-ms-input-placeholder {
+ .drip-input-affix-wrapper:-ms-input-placeholder {
color: #bfbfbf;
}
- .ant-input-affix-wrapper::placeholder {
+ .drip-input-affix-wrapper::placeholder {
color: #bfbfbf;
}
- .ant-input-affix-wrapper:-moz-placeholder-shown {
+ .drip-input-affix-wrapper:-moz-placeholder-shown {
text-overflow: ellipsis;
}
- .ant-input-affix-wrapper:-ms-input-placeholder {
+ .drip-input-affix-wrapper:-ms-input-placeholder {
text-overflow: ellipsis;
}
- .ant-input-affix-wrapper:placeholder-shown {
+ .drip-input-affix-wrapper:placeholder-shown {
text-overflow: ellipsis;
}
- .ant-input-affix-wrapper:hover {
- border-color: #40a9ff;
+ .drip-input-affix-wrapper:hover {
+ border-color: #5789ff;
border-right-width: 1px !important;
}
- .ant-input-rtl .ant-input-affix-wrapper:hover {
+ .drip-input-rtl .drip-input-affix-wrapper:hover {
border-right-width: 0;
border-left-width: 1px !important;
}
- .ant-input-affix-wrapper:focus,
- .ant-input-affix-wrapper-focused {
- border-color: #40a9ff;
+ .drip-input-affix-wrapper:focus,
+ .drip-input-affix-wrapper-focused {
+ border-color: #5789ff;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
- .ant-input-rtl .ant-input-affix-wrapper:focus,
- .ant-input-rtl .ant-input-affix-wrapper-focused {
+ .drip-input-rtl .drip-input-affix-wrapper:focus,
+ .drip-input-rtl .drip-input-affix-wrapper-focused {
border-right-width: 0;
border-left-width: 1px !important;
}
- .ant-input-affix-wrapper-disabled {
+ .drip-input-affix-wrapper-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
+ border-color: #d9d9d9;
+ box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
- .ant-input-affix-wrapper-disabled:hover {
+ .drip-input-affix-wrapper-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
- .ant-input-affix-wrapper[disabled] {
+ .drip-input-affix-wrapper[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
+ border-color: #d9d9d9;
+ box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
- .ant-input-affix-wrapper[disabled]:hover {
+ .drip-input-affix-wrapper[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
- .ant-input-affix-wrapper.ant-input-affix-wrapper-borderless,
- .ant-input-affix-wrapper.ant-input-affix-wrapper-borderless:hover,
- .ant-input-affix-wrapper.ant-input-affix-wrapper-borderless:focus,
- .ant-input-affix-wrapper.ant-input-affix-wrapper-borderless-focused,
- .ant-input-affix-wrapper.ant-input-affix-wrapper-borderless-disabled,
- .ant-input-affix-wrapper.ant-input-affix-wrapper-borderless[disabled] {
+ .drip-input-affix-wrapper-borderless,
+ .drip-input-affix-wrapper-borderless:hover,
+ .drip-input-affix-wrapper-borderless:focus,
+ .drip-input-affix-wrapper-borderless-focused,
+ .drip-input-affix-wrapper-borderless-disabled,
+ .drip-input-affix-wrapper-borderless[disabled] {
background-color: transparent;
border: none;
box-shadow: none;
}
- textarea.ant-input-affix-wrapper {
+ textarea.drip-input-affix-wrapper {
max-width: 100%;
height: auto;
min-height: 32px;
@@ -15869,91 +17287,91 @@
vertical-align: bottom;
transition: all 0.3s, height 0s;
}
- .ant-input-affix-wrapper-lg {
+ .drip-input-affix-wrapper-lg {
padding: 6.5px 11px;
font-size: 16px;
}
- .ant-input-affix-wrapper-sm {
+ .drip-input-affix-wrapper-sm {
padding: 0px 7px;
}
- .ant-input-affix-wrapper-rtl {
+ .drip-input-affix-wrapper-rtl {
direction: rtl;
}
- .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
- border-color: #40a9ff;
+ .drip-input-affix-wrapper:not(.drip-input-affix-wrapper-disabled):hover {
+ border-color: #5789ff;
border-right-width: 1px !important;
z-index: 1;
}
- .ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
+ .drip-input-rtl .drip-input-affix-wrapper:not(.drip-input-affix-wrapper-disabled):hover {
border-right-width: 0;
border-left-width: 1px !important;
}
- .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
+ .drip-input-search-with-button .drip-input-affix-wrapper:not(.drip-input-affix-wrapper-disabled):hover {
z-index: 0;
}
- .ant-input-affix-wrapper-focused,
- .ant-input-affix-wrapper:focus {
+ .drip-input-affix-wrapper-focused,
+ .drip-input-affix-wrapper:focus {
z-index: 1;
}
- .ant-input-affix-wrapper-disabled .ant-input[disabled] {
+ .drip-input-affix-wrapper-disabled .drip-input[disabled] {
background: transparent;
}
- .ant-input-affix-wrapper > input.ant-input {
+ .drip-input-affix-wrapper > input.drip-input {
padding: 0;
border: none;
outline: none;
}
- .ant-input-affix-wrapper > input.ant-input:focus {
+ .drip-input-affix-wrapper > input.drip-input:focus {
box-shadow: none !important;
}
- .ant-input-affix-wrapper::before {
+ .drip-input-affix-wrapper::before {
width: 0;
visibility: hidden;
content: '\a0';
}
- .ant-input-prefix,
- .ant-input-suffix {
+ .drip-input-prefix,
+ .drip-input-suffix {
display: flex;
flex: none;
align-items: center;
}
- .ant-input-prefix {
+ .drip-input-prefix {
margin-right: 4px;
}
- .ant-input-suffix {
+ .drip-input-suffix {
margin-left: 4px;
}
- .anticon.ant-input-clear-icon {
- margin: 0 4px;
+ .dripicon.drip-input-clear-icon {
+ margin: 0;
color: rgba(0, 0, 0, 0.25);
- font-size: 12px;
+ font-size: 14px;
vertical-align: -1px;
cursor: pointer;
transition: color 0.3s;
}
- .anticon.ant-input-clear-icon:hover {
+ .dripicon.drip-input-clear-icon:hover {
color: rgba(0, 0, 0, 0.45);
}
- .anticon.ant-input-clear-icon:active {
- color: rgba(0, 0, 0, 0.85);
+ .dripicon.drip-input-clear-icon:active {
+ color: rgba(0, 0, 0, 0.82);
}
- .anticon.ant-input-clear-icon-hidden {
+ .dripicon.drip-input-clear-icon-hidden {
visibility: hidden;
}
- .anticon.ant-input-clear-icon:last-child {
- margin-right: 0;
+ .dripicon.drip-input-clear-icon-has-suffix {
+ margin: 0 4px;
}
- .ant-input-affix-wrapper-textarea-with-clear-btn {
+ .drip-input-affix-wrapper-textarea-with-clear-btn {
padding: 0 !important;
border: 0 !important;
}
- .ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
+ .drip-input-affix-wrapper-textarea-with-clear-btn .drip-input-clear-icon {
position: absolute;
top: 8px;
right: 8px;
z-index: 1;
}
- .ant-input {
+ .drip-input {
box-sizing: border-box;
margin: 0;
padding: 0;
@@ -15965,7 +17383,7 @@
width: 100%;
min-width: 0;
padding: 4px 11px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
line-height: 1.5715;
background-color: #fff;
@@ -15974,75 +17392,78 @@
border-radius: 2px;
transition: all 0.3s;
}
- .ant-input::-moz-placeholder {
+ .drip-input::-moz-placeholder {
opacity: 1;
}
- .ant-input:-ms-input-placeholder {
+ .drip-input:-ms-input-placeholder {
color: #bfbfbf;
}
- .ant-input::placeholder {
+ .drip-input::placeholder {
color: #bfbfbf;
}
- .ant-input:-moz-placeholder-shown {
+ .drip-input:-moz-placeholder-shown {
text-overflow: ellipsis;
}
- .ant-input:-ms-input-placeholder {
+ .drip-input:-ms-input-placeholder {
text-overflow: ellipsis;
}
- .ant-input:placeholder-shown {
+ .drip-input:placeholder-shown {
text-overflow: ellipsis;
}
- .ant-input:hover {
- border-color: #40a9ff;
+ .drip-input:hover {
+ border-color: #5789ff;
border-right-width: 1px !important;
}
- .ant-input-rtl .ant-input:hover {
+ .drip-input-rtl .drip-input:hover {
border-right-width: 0;
border-left-width: 1px !important;
}
- .ant-input:focus,
- .ant-input-focused {
- border-color: #40a9ff;
+ .drip-input:focus,
+ .drip-input-focused {
+ border-color: #5789ff;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
- .ant-input-rtl .ant-input:focus,
- .ant-input-rtl .ant-input-focused {
+ .drip-input-rtl .drip-input:focus,
+ .drip-input-rtl .drip-input-focused {
border-right-width: 0;
border-left-width: 1px !important;
}
- .ant-input-disabled {
+ .drip-input-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
+ border-color: #d9d9d9;
+ box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
- .ant-input-disabled:hover {
+ .drip-input-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
- .ant-input[disabled] {
+ .drip-input[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
+ border-color: #d9d9d9;
+ box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
- .ant-input[disabled]:hover {
+ .drip-input[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
- .ant-input.ant-input-borderless,
- .ant-input.ant-input-borderless:hover,
- .ant-input.ant-input-borderless:focus,
- .ant-input.ant-input-borderless-focused,
- .ant-input.ant-input-borderless-disabled,
- .ant-input.ant-input-borderless[disabled] {
+ .drip-input-borderless,
+ .drip-input-borderless:hover,
+ .drip-input-borderless:focus,
+ .drip-input-borderless-focused,
+ .drip-input-borderless-disabled,
+ .drip-input-borderless[disabled] {
background-color: transparent;
border: none;
box-shadow: none;
}
- textarea.ant-input {
+ textarea.drip-input {
max-width: 100%;
height: auto;
min-height: 32px;
@@ -16050,21 +17471,21 @@
vertical-align: bottom;
transition: all 0.3s, height 0s;
}
- .ant-input-lg {
+ .drip-input-lg {
padding: 6.5px 11px;
font-size: 16px;
}
- .ant-input-sm {
+ .drip-input-sm {
padding: 0px 7px;
}
- .ant-input-rtl {
+ .drip-input-rtl {
direction: rtl;
}
- .ant-input-group {
+ .drip-input-group {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -16076,57 +17497,57 @@
border-collapse: separate;
border-spacing: 0;
}
- .ant-input-group[class*='col-'] {
+ .drip-input-group[class*='col-'] {
float: none;
padding-right: 0;
padding-left: 0;
}
- .ant-input-group > [class*='col-'] {
+ .drip-input-group > [class*='col-'] {
padding-right: 8px;
}
- .ant-input-group > [class*='col-']:last-child {
+ .drip-input-group > [class*='col-']:last-child {
padding-right: 0;
}
- .ant-input-group-addon,
- .ant-input-group-wrap,
- .ant-input-group > .ant-input {
+ .drip-input-group-addon,
+ .drip-input-group-wrap,
+ .drip-input-group > .drip-input {
display: table-cell;
}
- .ant-input-group-addon:not(:first-child):not(:last-child),
- .ant-input-group-wrap:not(:first-child):not(:last-child),
- .ant-input-group > .ant-input:not(:first-child):not(:last-child) {
+ .drip-input-group-addon:not(:first-child):not(:last-child),
+ .drip-input-group-wrap:not(:first-child):not(:last-child),
+ .drip-input-group > .drip-input:not(:first-child):not(:last-child) {
border-radius: 0;
}
- .ant-input-group-addon,
- .ant-input-group-wrap {
+ .drip-input-group-addon,
+ .drip-input-group-wrap {
width: 1px;
white-space: nowrap;
vertical-align: middle;
}
- .ant-input-group-wrap > * {
+ .drip-input-group-wrap > * {
display: block !important;
}
- .ant-input-group .ant-input {
+ .drip-input-group .drip-input {
float: left;
width: 100%;
margin-bottom: 0;
text-align: inherit;
}
- .ant-input-group .ant-input:focus {
+ .drip-input-group .drip-input:focus {
z-index: 1;
border-right-width: 1px;
}
- .ant-input-group .ant-input:hover {
+ .drip-input-group .drip-input:hover {
z-index: 1;
border-right-width: 1px;
}
- .ant-input-search-with-button .ant-input-group .ant-input:hover {
+ .drip-input-search-with-button .drip-input-group .drip-input:hover {
z-index: 0;
}
- .ant-input-group-addon {
+ .drip-input-group-addon {
position: relative;
padding: 0 11px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: normal;
font-size: 14px;
text-align: center;
@@ -16135,375 +17556,375 @@
border-radius: 2px;
transition: all 0.3s;
}
- .ant-input-group-addon .ant-select {
+ .drip-input-group-addon .drip-select {
margin: -5px -11px;
}
- .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
+ .drip-input-group-addon .drip-select.drip-select-single:not(.drip-select-customize-input) .drip-select-selector {
background-color: inherit;
border: 1px solid transparent;
box-shadow: none;
}
- .ant-input-group-addon .ant-select-open .ant-select-selector,
- .ant-input-group-addon .ant-select-focused .ant-select-selector {
- color: #1890ff;
+ .drip-input-group-addon .drip-select-open .drip-select-selector,
+ .drip-input-group-addon .drip-select-focused .drip-select-selector {
+ color: #2D64FF;
}
- .ant-input-group-addon .ant-cascader-picker {
+ .drip-input-group-addon .drip-cascader-picker {
margin: -9px -12px;
background-color: transparent;
}
- .ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
+ .drip-input-group-addon .drip-cascader-picker .drip-cascader-input {
text-align: left;
border: 0;
box-shadow: none;
}
- .ant-input-group > .ant-input:first-child,
- .ant-input-group-addon:first-child {
+ .drip-input-group > .drip-input:first-child,
+ .drip-input-group-addon:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
- .ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
- .ant-input-group-addon:first-child .ant-select .ant-select-selector {
+ .drip-input-group > .drip-input:first-child .drip-select .drip-select-selector,
+ .drip-input-group-addon:first-child .drip-select .drip-select-selector {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
- .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
+ .drip-input-group > .drip-input-affix-wrapper:not(:first-child) .drip-input {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
+ .drip-input-group > .drip-input-affix-wrapper:not(:last-child) .drip-input {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
- .ant-input-group-addon:first-child {
+ .drip-input-group-addon:first-child {
border-right: 0;
}
- .ant-input-group-addon:last-child {
+ .drip-input-group-addon:last-child {
border-left: 0;
}
- .ant-input-group > .ant-input:last-child,
- .ant-input-group-addon:last-child {
+ .drip-input-group > .drip-input:last-child,
+ .drip-input-group-addon:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
- .ant-input-group-addon:last-child .ant-select .ant-select-selector {
+ .drip-input-group > .drip-input:last-child .drip-select .drip-select-selector,
+ .drip-input-group-addon:last-child .drip-select .drip-select-selector {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .ant-input-group-lg .ant-input,
- .ant-input-group-lg > .ant-input-group-addon {
+ .drip-input-group-lg .drip-input,
+ .drip-input-group-lg > .drip-input-group-addon {
padding: 6.5px 11px;
font-size: 16px;
}
- .ant-input-group-sm .ant-input,
- .ant-input-group-sm > .ant-input-group-addon {
+ .drip-input-group-sm .drip-input,
+ .drip-input-group-sm > .drip-input-group-addon {
padding: 0px 7px;
}
- .ant-input-group-lg .ant-select-single .ant-select-selector {
+ .drip-input-group-lg .drip-select-single .drip-select-selector {
height: 40px;
}
- .ant-input-group-sm .ant-select-single .ant-select-selector {
+ .drip-input-group-sm .drip-select-single .drip-select-selector {
height: 24px;
}
- .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
+ .drip-input-group .drip-input-affix-wrapper:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
+ .drip-input-group .drip-input-affix-wrapper:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
- .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
+ .drip-input-search .drip-input-group .drip-input-affix-wrapper:not(:last-child) {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
- .ant-input-group.ant-input-group-compact {
+ .drip-input-group.drip-input-group-compact {
display: block;
}
- .ant-input-group.ant-input-group-compact::before {
+ .drip-input-group.drip-input-group-compact::before {
display: table;
content: '';
}
- .ant-input-group.ant-input-group-compact::after {
+ .drip-input-group.drip-input-group-compact::after {
display: table;
clear: both;
content: '';
}
- .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
- .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
- .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
+ .drip-input-group.drip-input-group-compact-addon:not(:first-child):not(:last-child),
+ .drip-input-group.drip-input-group-compact-wrap:not(:first-child):not(:last-child),
+ .drip-input-group.drip-input-group-compact > .drip-input:not(:first-child):not(:last-child) {
border-right-width: 1px;
}
- .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
- .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
- .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
+ .drip-input-group.drip-input-group-compact-addon:not(:first-child):not(:last-child):hover,
+ .drip-input-group.drip-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
+ .drip-input-group.drip-input-group-compact > .drip-input:not(:first-child):not(:last-child):hover {
z-index: 1;
}
- .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
- .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
- .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
+ .drip-input-group.drip-input-group-compact-addon:not(:first-child):not(:last-child):focus,
+ .drip-input-group.drip-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
+ .drip-input-group.drip-input-group-compact > .drip-input:not(:first-child):not(:last-child):focus {
z-index: 1;
}
- .ant-input-group.ant-input-group-compact > * {
+ .drip-input-group.drip-input-group-compact > * {
display: inline-block;
float: none;
vertical-align: top;
border-radius: 0;
}
- .ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper {
+ .drip-input-group.drip-input-group-compact > .drip-input-affix-wrapper {
display: inline-flex;
}
- .ant-input-group.ant-input-group-compact > .ant-picker-range {
+ .drip-input-group.drip-input-group-compact > .drip-picker-range {
display: inline-flex;
}
- .ant-input-group.ant-input-group-compact > *:not(:last-child) {
+ .drip-input-group.drip-input-group-compact > *:not(:last-child) {
margin-right: -1px;
border-right-width: 1px;
}
- .ant-input-group.ant-input-group-compact .ant-input {
+ .drip-input-group.drip-input-group-compact .drip-input {
float: none;
}
- .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
- .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
+ .drip-input-group.drip-input-group-compact > .drip-select > .drip-select-selector,
+ .drip-input-group.drip-input-group-compact > .drip-select-auto-complete .drip-input,
+ .drip-input-group.drip-input-group-compact > .drip-cascader-picker .drip-input,
+ .drip-input-group.drip-input-group-compact > .drip-input-group-wrapper .drip-input {
border-right-width: 1px;
border-radius: 0;
}
- .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover,
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
- .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
+ .drip-input-group.drip-input-group-compact > .drip-select > .drip-select-selector:hover,
+ .drip-input-group.drip-input-group-compact > .drip-select-auto-complete .drip-input:hover,
+ .drip-input-group.drip-input-group-compact > .drip-cascader-picker .drip-input:hover,
+ .drip-input-group.drip-input-group-compact > .drip-input-group-wrapper .drip-input:hover {
z-index: 1;
}
- .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus,
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
- .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
+ .drip-input-group.drip-input-group-compact > .drip-select > .drip-select-selector:focus,
+ .drip-input-group.drip-input-group-compact > .drip-select-auto-complete .drip-input:focus,
+ .drip-input-group.drip-input-group-compact > .drip-cascader-picker .drip-input:focus,
+ .drip-input-group.drip-input-group-compact > .drip-input-group-wrapper .drip-input:focus {
z-index: 1;
}
- .ant-input-group.ant-input-group-compact > .ant-select-focused {
+ .drip-input-group.drip-input-group-compact > .drip-select-focused {
z-index: 1;
}
- .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
+ .drip-input-group.drip-input-group-compact > .drip-select > .drip-select-arrow {
z-index: 1;
}
- .ant-input-group.ant-input-group-compact > *:first-child,
- .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
+ .drip-input-group.drip-input-group-compact > *:first-child,
+ .drip-input-group.drip-input-group-compact > .drip-select:first-child > .drip-select-selector,
+ .drip-input-group.drip-input-group-compact > .drip-select-auto-complete:first-child .drip-input,
+ .drip-input-group.drip-input-group-compact > .drip-cascader-picker:first-child .drip-input {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
- .ant-input-group.ant-input-group-compact > *:last-child,
- .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
- .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
+ .drip-input-group.drip-input-group-compact > *:last-child,
+ .drip-input-group.drip-input-group-compact > .drip-select:last-child > .drip-select-selector,
+ .drip-input-group.drip-input-group-compact > .drip-cascader-picker:last-child .drip-input,
+ .drip-input-group.drip-input-group-compact > .drip-cascader-picker-focused:last-child .drip-input {
border-right-width: 1px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
- .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
+ .drip-input-group.drip-input-group-compact > .drip-select-auto-complete .drip-input {
vertical-align: top;
}
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
+ .drip-input-group.drip-input-group-compact .drip-input-group-wrapper + .drip-input-group-wrapper {
margin-left: -1px;
}
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
+ .drip-input-group.drip-input-group-compact .drip-input-group-wrapper + .drip-input-group-wrapper .drip-input-affix-wrapper {
border-radius: 0;
}
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
+ .drip-input-group.drip-input-group-compact .drip-input-group-wrapper:not(:last-child).drip-input-search > .drip-input-group > .drip-input-group-addon > .drip-input-search-button {
border-radius: 0;
}
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
+ .drip-input-group.drip-input-group-compact .drip-input-group-wrapper:not(:last-child).drip-input-search > .drip-input-group > .drip-input {
border-radius: 2px 0 0 2px;
}
- .ant-input-group > .ant-input-rtl:first-child,
- .ant-input-group-rtl .ant-input-group-addon:first-child {
+ .drip-input-group > .drip-input-rtl:first-child,
+ .drip-input-group-rtl .drip-input-group-addon:first-child {
border-radius: 0 2px 2px 0;
}
- .ant-input-group-rtl .ant-input-group-addon:first-child {
+ .drip-input-group-rtl .drip-input-group-addon:first-child {
border-right: 1px solid #d9d9d9;
border-left: 0;
}
- .ant-input-group-rtl .ant-input-group-addon:last-child {
+ .drip-input-group-rtl .drip-input-group-addon:last-child {
border-right: 0;
border-left: 1px solid #d9d9d9;
}
- .ant-input-group-rtl.ant-input-group > .ant-input:last-child,
- .ant-input-group-rtl.ant-input-group-addon:last-child {
+ .drip-input-group-rtl.drip-input-group > .drip-input:last-child,
+ .drip-input-group-rtl.drip-input-group-addon:last-child {
border-radius: 2px 0 0 2px;
}
- .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
+ .drip-input-group-rtl.drip-input-group .drip-input-affix-wrapper:not(:first-child) {
border-radius: 2px 0 0 2px;
}
- .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
+ .drip-input-group-rtl.drip-input-group .drip-input-affix-wrapper:not(:last-child) {
border-radius: 0 2px 2px 0;
}
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
+ .drip-input-group-rtl.drip-input-group.drip-input-group-compact > *:not(:last-child) {
margin-right: 0;
margin-left: -1px;
border-left-width: 1px;
}
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
+ .drip-input-group-rtl.drip-input-group.drip-input-group-compact > *:first-child,
+ .drip-input-group-rtl.drip-input-group.drip-input-group-compact > .drip-select:first-child > .drip-select-selector,
+ .drip-input-group-rtl.drip-input-group.drip-input-group-compact > .drip-select-auto-complete:first-child .drip-input,
+ .drip-input-group-rtl.drip-input-group.drip-input-group-compact > .drip-cascader-picker:first-child .drip-input {
border-radius: 0 2px 2px 0;
}
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
- .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
+ .drip-input-group-rtl.drip-input-group.drip-input-group-compact > *:last-child,
+ .drip-input-group-rtl.drip-input-group.drip-input-group-compact > .drip-select:last-child > .drip-select-selector,
+ .drip-input-group-rtl.drip-input-group.drip-input-group-compact > .drip-select-auto-complete:last-child .drip-input,
+ .drip-input-group-rtl.drip-input-group.drip-input-group-compact > .drip-cascader-picker:last-child .drip-input,
+ .drip-input-group-rtl.drip-input-group.drip-input-group-compact > .drip-cascader-picker-focused:last-child .drip-input {
border-left-width: 1px;
border-radius: 2px 0 0 2px;
}
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
+ .drip-input-group.drip-input-group-compact .drip-input-group-wrapper-rtl + .drip-input-group-wrapper-rtl {
margin-right: -1px;
margin-left: 0;
}
- .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
+ .drip-input-group.drip-input-group-compact .drip-input-group-wrapper-rtl:not(:last-child).drip-input-search > .drip-input-group > .drip-input {
border-radius: 0 2px 2px 0;
}
- .ant-input-group-wrapper {
+ .drip-input-group-wrapper {
display: inline-block;
width: 100%;
text-align: start;
vertical-align: top;
}
- .ant-input-password-icon {
+ .drip-input-password-icon {
color: rgba(0, 0, 0, 0.45);
cursor: pointer;
transition: all 0.3s;
}
- .ant-input-password-icon:hover {
+ .drip-input-password-icon:hover {
color: rgba(0, 0, 0, 0.85);
}
- .ant-input[type='color'] {
+ .drip-input[type='color'] {
height: 32px;
}
- .ant-input[type='color'].ant-input-lg {
+ .drip-input[type='color'].drip-input-lg {
height: 40px;
}
- .ant-input[type='color'].ant-input-sm {
+ .drip-input[type='color'].drip-input-sm {
height: 24px;
padding-top: 3px;
padding-bottom: 3px;
}
- .ant-input-textarea-show-count::after {
+ .drip-input-textarea-show-count::after {
float: right;
color: rgba(0, 0, 0, 0.45);
white-space: nowrap;
content: attr(data-count);
pointer-events: none;
}
- .ant-input-search .ant-input:hover,
- .ant-input-search .ant-input:focus {
- border-color: #40a9ff;
+ .drip-input-search .drip-input:hover,
+ .drip-input-search .drip-input:focus {
+ border-color: #5789ff;
}
- .ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
- .ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
- border-left-color: #40a9ff;
+ .drip-input-search .drip-input:hover + .drip-input-group-addon .drip-input-search-button:not(.drip-btn-primary),
+ .drip-input-search .drip-input:focus + .drip-input-group-addon .drip-input-search-button:not(.drip-btn-primary) {
+ border-left-color: #5789ff;
}
- .ant-input-search .ant-input-affix-wrapper {
+ .drip-input-search .drip-input-affix-wrapper {
border-radius: 0;
}
- .ant-input-search .ant-input-lg {
+ .drip-input-search .drip-input-lg {
line-height: 1.5713;
}
- .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
+ .drip-input-search > .drip-input-group > .drip-input-group-addon:last-child {
left: -1px;
padding: 0;
border: 0;
}
- .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
+ .drip-input-search > .drip-input-group > .drip-input-group-addon:last-child .drip-input-search-button {
padding-top: 0;
padding-bottom: 0;
border-radius: 0 2px 2px 0;
}
- .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
+ .drip-input-search > .drip-input-group > .drip-input-group-addon:last-child .drip-input-search-button:not(.drip-btn-primary) {
color: rgba(0, 0, 0, 0.45);
}
- .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
+ .drip-input-search > .drip-input-group > .drip-input-group-addon:last-child .drip-input-search-button:not(.drip-btn-primary).drip-btn-loading::before {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
- .ant-input-search-button {
+ .drip-input-search-button {
height: 32px;
}
- .ant-input-search-button:hover,
- .ant-input-search-button:focus {
+ .drip-input-search-button:hover,
+ .drip-input-search-button:focus {
z-index: 1;
}
- .ant-input-search-large .ant-input-search-button {
+ .drip-input-search-large .drip-input-search-button {
height: 40px;
}
- .ant-input-search-small .ant-input-search-button {
+ .drip-input-search-small .drip-input-search-button {
height: 24px;
}
- .ant-input-group-wrapper-rtl {
+ .drip-input-group-wrapper-rtl {
direction: rtl;
}
- .ant-input-group-rtl {
+ .drip-input-group-rtl {
direction: rtl;
}
- .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
+ .drip-input-affix-wrapper.drip-input-affix-wrapper-rtl > input.drip-input {
border: none;
outline: none;
}
- .ant-input-affix-wrapper-rtl .ant-input-prefix {
+ .drip-input-affix-wrapper-rtl .drip-input-prefix {
margin: 0 0 0 4px;
}
- .ant-input-affix-wrapper-rtl .ant-input-suffix {
+ .drip-input-affix-wrapper-rtl .drip-input-suffix {
margin: 0 4px 0 0;
}
- .ant-input-textarea-rtl {
+ .drip-input-textarea-rtl {
direction: rtl;
}
- .ant-input-textarea-rtl.ant-input-textarea-show-count::after {
+ .drip-input-textarea-rtl.drip-input-textarea-show-count::after {
text-align: left;
}
- .ant-input-affix-wrapper-rtl .ant-input-clear-icon:last-child {
- margin-right: 4px;
- margin-left: 0;
+ .drip-input-affix-wrapper-rtl .drip-input-clear-icon-has-suffix {
+ margin-right: 0;
+ margin-left: 4px;
}
- .ant-input-affix-wrapper-rtl .ant-input-clear-icon {
+ .drip-input-affix-wrapper-rtl .drip-input-clear-icon {
right: auto;
left: 8px;
}
- .ant-input-search-rtl {
+ .drip-input-search-rtl {
direction: rtl;
}
- .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
- .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
- border-right-color: #40a9ff;
+ .drip-input-search-rtl .drip-input:hover + .drip-input-group-addon .drip-input-search-button:not(.drip-btn-primary),
+ .drip-input-search-rtl .drip-input:focus + .drip-input-group-addon .drip-input-search-button:not(.drip-btn-primary) {
+ border-right-color: #5789ff;
border-left-color: #d9d9d9;
}
- .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
- .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
- border-right-color: #40a9ff;
+ .drip-input-search-rtl > .drip-input-group > .drip-input-affix-wrapper:hover,
+ .drip-input-search-rtl > .drip-input-group > .drip-input-affix-wrapper-focused {
+ border-right-color: #5789ff;
}
- .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon {
+ .drip-input-search-rtl > .drip-input-group > .drip-input-group-addon {
right: -1px;
left: auto;
}
- .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon .ant-input-search-button {
+ .drip-input-search-rtl > .drip-input-group > .drip-input-group-addon .drip-input-search-button {
border-radius: 2px 0 0 2px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
- .ant-input {
+ .drip-input {
height: 32px;
}
- .ant-input-lg {
+ .drip-input-lg {
height: 40px;
}
- .ant-input-sm {
+ .drip-input-sm {
height: 24px;
}
- .ant-input-affix-wrapper > input.ant-input {
+ .drip-input-affix-wrapper > input.drip-input {
height: auto;
}
}
@@ -16512,7 +17933,7 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- @-webkit-keyframes antCheckboxEffect {
+ @-webkit-keyframes dripCheckboxEffect {
0% {
transform: scale(1);
opacity: 0.5;
@@ -16522,7 +17943,7 @@
opacity: 0;
}
}
- @keyframes antCheckboxEffect {
+ @keyframes dripCheckboxEffect {
0% {
transform: scale(1);
opacity: 0.5;
@@ -16532,11 +17953,11 @@
opacity: 0;
}
}
- .ant-checkbox {
+ .drip-checkbox {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -16549,31 +17970,31 @@
outline: none;
cursor: pointer;
}
- .ant-checkbox-wrapper:hover .ant-checkbox-inner,
- .ant-checkbox:hover .ant-checkbox-inner,
- .ant-checkbox-input:focus + .ant-checkbox-inner {
- border-color: #1890ff;
+ .drip-checkbox-wrapper:hover .drip-checkbox-inner,
+ .drip-checkbox:hover .drip-checkbox-inner,
+ .drip-checkbox-input:focus + .drip-checkbox-inner {
+ border-color: #2D64FF;
}
- .ant-checkbox-checked::after {
+ .drip-checkbox-checked::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
- border: 1px solid #1890ff;
+ border: 1px solid #2D64FF;
border-radius: 2px;
visibility: hidden;
- -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
- animation: antCheckboxEffect 0.36s ease-in-out;
+ -webkit-animation: dripCheckboxEffect 0.36s ease-in-out;
+ animation: dripCheckboxEffect 0.36s ease-in-out;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
content: '';
}
- .ant-checkbox:hover::after,
- .ant-checkbox-wrapper:hover .ant-checkbox::after {
+ .drip-checkbox:hover::after,
+ .drip-checkbox-wrapper:hover .drip-checkbox::after {
visibility: visible;
}
- .ant-checkbox-inner {
+ .drip-checkbox-inner {
position: relative;
top: 0;
left: 0;
@@ -16587,10 +18008,10 @@
border-collapse: separate;
transition: all 0.3s;
}
- .ant-checkbox-inner::after {
+ .drip-checkbox-inner::after {
position: absolute;
top: 50%;
- left: 22%;
+ left: 21.5%;
display: table;
width: 5.71428571px;
height: 9.14285714px;
@@ -16602,7 +18023,7 @@
transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
content: ' ';
}
- .ant-checkbox-input {
+ .drip-checkbox-input {
position: absolute;
top: 0;
right: 0;
@@ -16614,7 +18035,7 @@
cursor: pointer;
opacity: 0;
}
- .ant-checkbox-checked .ant-checkbox-inner::after {
+ .drip-checkbox-checked .drip-checkbox-inner::after {
position: absolute;
display: table;
border: 2px solid #fff;
@@ -16625,44 +18046,44 @@
transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
content: ' ';
}
- .ant-checkbox-checked .ant-checkbox-inner {
- background-color: #1890ff;
- border-color: #1890ff;
+ .drip-checkbox-checked .drip-checkbox-inner {
+ background-color: #2D64FF;
+ border-color: #2D64FF;
}
- .ant-checkbox-disabled {
+ .drip-checkbox-disabled {
cursor: not-allowed;
}
- .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
+ .drip-checkbox-disabled.drip-checkbox-checked .drip-checkbox-inner::after {
border-color: rgba(0, 0, 0, 0.25);
-webkit-animation-name: none;
animation-name: none;
}
- .ant-checkbox-disabled .ant-checkbox-input {
+ .drip-checkbox-disabled .drip-checkbox-input {
cursor: not-allowed;
}
- .ant-checkbox-disabled .ant-checkbox-inner {
+ .drip-checkbox-disabled .drip-checkbox-inner {
background-color: #f5f5f5;
border-color: #d9d9d9 !important;
}
- .ant-checkbox-disabled .ant-checkbox-inner::after {
+ .drip-checkbox-disabled .drip-checkbox-inner::after {
border-color: #f5f5f5;
border-collapse: separate;
-webkit-animation-name: none;
animation-name: none;
}
- .ant-checkbox-disabled + span {
+ .drip-checkbox-disabled + span {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
- .ant-checkbox-disabled:hover::after,
- .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
+ .drip-checkbox-disabled:hover::after,
+ .drip-checkbox-wrapper:hover .drip-checkbox-disabled::after {
visibility: hidden;
}
- .ant-checkbox-wrapper {
+ .drip-checkbox-wrapper {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -16673,27 +18094,27 @@
line-height: unset;
cursor: pointer;
}
- .ant-checkbox-wrapper::after {
+ .drip-checkbox-wrapper::after {
display: inline-block;
width: 0;
overflow: hidden;
content: '\a0';
}
- .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
+ .drip-checkbox-wrapper.drip-checkbox-wrapper-disabled {
cursor: not-allowed;
}
- .ant-checkbox-wrapper + .ant-checkbox-wrapper {
+ .drip-checkbox-wrapper + .drip-checkbox-wrapper {
margin-left: 8px;
}
- .ant-checkbox + span {
+ .drip-checkbox + span {
padding-right: 8px;
padding-left: 8px;
}
- .ant-checkbox-group {
+ .drip-checkbox-group {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -16701,45 +18122,45 @@
font-feature-settings: 'tnum';
display: inline-block;
}
- .ant-checkbox-group-item {
+ .drip-checkbox-group-item {
margin-right: 8px;
}
- .ant-checkbox-group-item:last-child {
+ .drip-checkbox-group-item:last-child {
margin-right: 0;
}
- .ant-checkbox-group-item + .ant-checkbox-group-item {
+ .drip-checkbox-group-item + .drip-checkbox-group-item {
margin-left: 0;
}
- .ant-checkbox-indeterminate .ant-checkbox-inner {
- background-color: #fff;
- border-color: #d9d9d9;
+ .drip-checkbox-indeterminate .drip-checkbox-inner {
+ background-color: #2D64FF;
+ border-color: #2D64FF;
}
- .ant-checkbox-indeterminate .ant-checkbox-inner::after {
+ .drip-checkbox-indeterminate .drip-checkbox-inner::after {
top: 50%;
left: 50%;
width: 8px;
- height: 8px;
- background-color: #1890ff;
+ height: 2px;
+ background-color: #fff;
border: 0;
transform: translate(-50%, -50%) scale(1);
opacity: 1;
content: ' ';
}
- .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
+ .drip-checkbox-indeterminate.drip-checkbox-disabled .drip-checkbox-inner::after {
background-color: rgba(0, 0, 0, 0.25);
border-color: rgba(0, 0, 0, 0.25);
}
- .ant-checkbox-rtl {
+ .drip-checkbox-rtl {
direction: rtl;
}
- .ant-checkbox-group-rtl .ant-checkbox-group-item {
+ .drip-checkbox-group-rtl .drip-checkbox-group-item {
margin-right: 0;
margin-left: 8px;
}
- .ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
+ .drip-checkbox-group-rtl .drip-checkbox-group-item:last-child {
margin-left: 0 !important;
}
- .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
+ .drip-checkbox-group-rtl .drip-checkbox-group-item + .drip-checkbox-group-item {
margin-left: 8px;
}
@@ -16747,11 +18168,11 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-collapse {
+ .drip-collapse {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -16762,59 +18183,59 @@
border-bottom: 0;
border-radius: 2px;
}
- .ant-collapse > .ant-collapse-item {
+ .drip-collapse > .drip-collapse-item {
border-bottom: 1px solid #d9d9d9;
}
- .ant-collapse > .ant-collapse-item:last-child,
- .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
+ .drip-collapse > .drip-collapse-item:last-child,
+ .drip-collapse > .drip-collapse-item:last-child > .drip-collapse-header {
border-radius: 0 0 2px 2px;
}
- .ant-collapse > .ant-collapse-item > .ant-collapse-header {
+ .drip-collapse > .drip-collapse-item > .drip-collapse-header {
position: relative;
padding: 12px 16px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
line-height: 1.5715;
cursor: pointer;
transition: all 0.3s, visibility 0s;
}
- .ant-collapse > .ant-collapse-item > .ant-collapse-header::before {
+ .drip-collapse > .drip-collapse-item > .drip-collapse-header::before {
display: table;
content: '';
}
- .ant-collapse > .ant-collapse-item > .ant-collapse-header::after {
+ .drip-collapse > .drip-collapse-item > .drip-collapse-header::after {
display: table;
clear: both;
content: '';
}
- .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
+ .drip-collapse > .drip-collapse-item > .drip-collapse-header .drip-collapse-arrow {
display: inline-block;
margin-right: 12px;
font-size: 12px;
vertical-align: -1px;
}
- .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
+ .drip-collapse > .drip-collapse-item > .drip-collapse-header .drip-collapse-arrow svg {
transition: transform 0.24s;
}
- .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
+ .drip-collapse > .drip-collapse-item > .drip-collapse-header .drip-collapse-extra {
float: right;
}
- .ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
+ .drip-collapse > .drip-collapse-item > .drip-collapse-header:focus {
outline: none;
}
- .ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {
+ .drip-collapse > .drip-collapse-item .drip-collapse-header-collapsible-only {
cursor: default;
}
- .ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {
+ .drip-collapse > .drip-collapse-item .drip-collapse-header-collapsible-only .drip-collapse-header-text {
cursor: pointer;
}
- .ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
+ .drip-collapse > .drip-collapse-item.drip-collapse-no-arrow > .drip-collapse-header {
padding-left: 12px;
}
- .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
+ .drip-collapse-icon-position-right > .drip-collapse-item > .drip-collapse-header {
padding: 12px 16px;
padding-right: 40px;
}
- .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
+ .drip-collapse-icon-position-right > .drip-collapse-item > .drip-collapse-header .drip-collapse-arrow {
position: absolute;
top: 50%;
right: 16px;
@@ -16822,72 +18243,72 @@
margin: 0;
transform: translateY(-50%);
}
- .ant-collapse-content {
- color: rgba(0, 0, 0, 0.85);
+ .drip-collapse-content {
+ color: rgba(0, 0, 0, 0.82);
background-color: #fff;
border-top: 1px solid #d9d9d9;
}
- .ant-collapse-content > .ant-collapse-content-box {
+ .drip-collapse-content > .drip-collapse-content-box {
padding: 16px;
}
- .ant-collapse-content-hidden {
+ .drip-collapse-content-hidden {
display: none;
}
- .ant-collapse-item:last-child > .ant-collapse-content {
+ .drip-collapse-item:last-child > .drip-collapse-content {
border-radius: 0 0 2px 2px;
}
- .ant-collapse-borderless {
+ .drip-collapse-borderless {
background-color: #fafafa;
border: 0;
}
- .ant-collapse-borderless > .ant-collapse-item {
+ .drip-collapse-borderless > .drip-collapse-item {
border-bottom: 1px solid #d9d9d9;
}
- .ant-collapse-borderless > .ant-collapse-item:last-child,
- .ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
+ .drip-collapse-borderless > .drip-collapse-item:last-child,
+ .drip-collapse-borderless > .drip-collapse-item:last-child .drip-collapse-header {
border-radius: 0;
}
- .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
+ .drip-collapse-borderless > .drip-collapse-item > .drip-collapse-content {
background-color: transparent;
border-top: 0;
}
- .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
+ .drip-collapse-borderless > .drip-collapse-item > .drip-collapse-content > .drip-collapse-content-box {
padding-top: 4px;
}
- .ant-collapse-ghost {
+ .drip-collapse-ghost {
background-color: transparent;
border: 0;
}
- .ant-collapse-ghost > .ant-collapse-item {
+ .drip-collapse-ghost > .drip-collapse-item {
border-bottom: 0;
}
- .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
+ .drip-collapse-ghost > .drip-collapse-item > .drip-collapse-content {
background-color: transparent;
border-top: 0;
}
- .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
+ .drip-collapse-ghost > .drip-collapse-item > .drip-collapse-content > .drip-collapse-content-box {
padding-top: 12px;
padding-bottom: 12px;
}
- .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
- .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
+ .drip-collapse .drip-collapse-item-disabled > .drip-collapse-header,
+ .drip-collapse .drip-collapse-item-disabled > .drip-collapse-header > .arrow {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
- .ant-collapse-rtl {
+ .drip-collapse-rtl {
direction: rtl;
}
- .ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
+ .drip-collapse-rtl .drip-collapse > .drip-collapse-item > .drip-collapse-header {
padding: 12px 16px;
padding-right: 40px;
}
- .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
+ .drip-collapse-rtl.drip-collapse > .drip-collapse-item > .drip-collapse-header .drip-collapse-arrow svg {
transform: rotate(180deg);
}
- .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
+ .drip-collapse-rtl.drip-collapse > .drip-collapse-item > .drip-collapse-header .drip-collapse-extra {
float: left;
}
- .ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
+ .drip-collapse-rtl.drip-collapse > .drip-collapse-item.drip-collapse-no-arrow > .drip-collapse-header {
padding-right: 12px;
padding-left: 0;
}
@@ -16896,75 +18317,75 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-comment {
+ .drip-comment {
position: relative;
background-color: inherit;
}
- .ant-comment-inner {
+ .drip-comment-inner {
display: flex;
padding: 16px 0;
}
- .ant-comment-avatar {
+ .drip-comment-avatar {
position: relative;
flex-shrink: 0;
margin-right: 12px;
cursor: pointer;
}
- .ant-comment-avatar img {
+ .drip-comment-avatar img {
width: 32px;
height: 32px;
border-radius: 50%;
}
- .ant-comment-content {
+ .drip-comment-content {
position: relative;
flex: 1 1 auto;
min-width: 1px;
font-size: 14px;
word-wrap: break-word;
}
- .ant-comment-content-author {
+ .drip-comment-content-author {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 4px;
font-size: 14px;
}
- .ant-comment-content-author > a,
- .ant-comment-content-author > span {
+ .drip-comment-content-author > a,
+ .drip-comment-content-author > span {
padding-right: 8px;
font-size: 12px;
line-height: 18px;
}
- .ant-comment-content-author-name {
+ .drip-comment-content-author-name {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
transition: color 0.3s;
}
- .ant-comment-content-author-name > * {
+ .drip-comment-content-author-name > * {
color: rgba(0, 0, 0, 0.45);
}
- .ant-comment-content-author-name > *:hover {
+ .drip-comment-content-author-name > *:hover {
color: rgba(0, 0, 0, 0.45);
}
- .ant-comment-content-author-time {
+ .drip-comment-content-author-time {
color: #ccc;
white-space: nowrap;
cursor: auto;
}
- .ant-comment-content-detail p {
+ .drip-comment-content-detail p {
margin-bottom: inherit;
white-space: pre-wrap;
}
- .ant-comment-actions {
+ .drip-comment-actions {
margin-top: 12px;
margin-bottom: inherit;
padding-left: 0;
}
- .ant-comment-actions > li {
+ .drip-comment-actions > li {
display: inline-block;
color: rgba(0, 0, 0, 0.45);
}
- .ant-comment-actions > li > span {
+ .drip-comment-actions > li > span {
margin-right: 10px;
color: rgba(0, 0, 0, 0.45);
font-size: 12px;
@@ -16975,32 +18396,32 @@
-ms-user-select: none;
user-select: none;
}
- .ant-comment-actions > li > span:hover {
+ .drip-comment-actions > li > span:hover {
color: #595959;
}
- .ant-comment-nested {
+ .drip-comment-nested {
margin-left: 44px;
}
- .ant-comment-rtl {
+ .drip-comment-rtl {
direction: rtl;
}
- .ant-comment-rtl .ant-comment-avatar {
+ .drip-comment-rtl .drip-comment-avatar {
margin-right: 0;
margin-left: 12px;
}
- .ant-comment-rtl .ant-comment-content-author > a,
- .ant-comment-rtl .ant-comment-content-author > span {
+ .drip-comment-rtl .drip-comment-content-author > a,
+ .drip-comment-rtl .drip-comment-content-author > span {
padding-right: 0;
padding-left: 8px;
}
- .ant-comment-rtl .ant-comment-actions {
+ .drip-comment-rtl .drip-comment-actions {
padding-right: 0;
}
- .ant-comment-rtl .ant-comment-actions > li > span {
+ .drip-comment-rtl .drip-comment-actions > li > span {
margin-right: 0;
margin-left: 10px;
}
- .ant-comment-rtl .ant-comment-nested {
+ .drip-comment-rtl .drip-comment-nested {
margin-right: 44px;
margin-left: 0;
}
@@ -17014,140 +18435,140 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-descriptions-header {
+ .drip-descriptions-header {
display: flex;
align-items: center;
margin-bottom: 20px;
}
- .ant-descriptions-title {
+ .drip-descriptions-title {
flex: auto;
overflow: hidden;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: bold;
font-size: 16px;
line-height: 1.5715;
white-space: nowrap;
text-overflow: ellipsis;
}
- .ant-descriptions-extra {
+ .drip-descriptions-extra {
margin-left: auto;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
}
- .ant-descriptions-view {
+ .drip-descriptions-view {
width: 100%;
overflow: hidden;
border-radius: 2px;
}
- .ant-descriptions-view table {
+ .drip-descriptions-view table {
width: 100%;
table-layout: fixed;
}
- .ant-descriptions-row > th,
- .ant-descriptions-row > td {
+ .drip-descriptions-row > th,
+ .drip-descriptions-row > td {
padding-bottom: 16px;
}
- .ant-descriptions-row:last-child {
+ .drip-descriptions-row:last-child {
border-bottom: none;
}
- .ant-descriptions-item-label {
- color: rgba(0, 0, 0, 0.85);
+ .drip-descriptions-item-label {
+ color: rgba(0, 0, 0, 0.82);
font-weight: normal;
font-size: 14px;
line-height: 1.5715;
text-align: start;
}
- .ant-descriptions-item-label::after {
+ .drip-descriptions-item-label::after {
content: ':';
position: relative;
top: -0.5px;
margin: 0 8px 0 2px;
}
- .ant-descriptions-item-label.ant-descriptions-item-no-colon::after {
+ .drip-descriptions-item-label.drip-descriptions-item-no-colon::after {
content: ' ';
}
- .ant-descriptions-item-no-label::after {
+ .drip-descriptions-item-no-label::after {
margin: 0;
content: '';
}
- .ant-descriptions-item-content {
+ .drip-descriptions-item-content {
display: table-cell;
flex: 1;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
line-height: 1.5715;
word-break: break-word;
overflow-wrap: break-word;
}
- .ant-descriptions-item {
+ .drip-descriptions-item {
padding-bottom: 0;
vertical-align: top;
}
- .ant-descriptions-item-container {
+ .drip-descriptions-item-container {
display: flex;
}
- .ant-descriptions-item-container .ant-descriptions-item-label,
- .ant-descriptions-item-container .ant-descriptions-item-content {
+ .drip-descriptions-item-container .drip-descriptions-item-label,
+ .drip-descriptions-item-container .drip-descriptions-item-content {
display: inline-flex;
align-items: baseline;
}
- .ant-descriptions-middle .ant-descriptions-row > th,
- .ant-descriptions-middle .ant-descriptions-row > td {
+ .drip-descriptions-middle .drip-descriptions-row > th,
+ .drip-descriptions-middle .drip-descriptions-row > td {
padding-bottom: 12px;
}
- .ant-descriptions-small .ant-descriptions-row > th,
- .ant-descriptions-small .ant-descriptions-row > td {
+ .drip-descriptions-small .drip-descriptions-row > th,
+ .drip-descriptions-small .drip-descriptions-row > td {
padding-bottom: 8px;
}
- .ant-descriptions-bordered .ant-descriptions-view {
+ .drip-descriptions-bordered .drip-descriptions-view {
border: 1px solid #f0f0f0;
}
- .ant-descriptions-bordered .ant-descriptions-view > table {
+ .drip-descriptions-bordered .drip-descriptions-view > table {
table-layout: auto;
border-collapse: collapse;
}
- .ant-descriptions-bordered .ant-descriptions-item-label,
- .ant-descriptions-bordered .ant-descriptions-item-content {
+ .drip-descriptions-bordered .drip-descriptions-item-label,
+ .drip-descriptions-bordered .drip-descriptions-item-content {
padding: 16px 24px;
border-right: 1px solid #f0f0f0;
}
- .ant-descriptions-bordered .ant-descriptions-item-label:last-child,
- .ant-descriptions-bordered .ant-descriptions-item-content:last-child {
+ .drip-descriptions-bordered .drip-descriptions-item-label:last-child,
+ .drip-descriptions-bordered .drip-descriptions-item-content:last-child {
border-right: none;
}
- .ant-descriptions-bordered .ant-descriptions-item-label {
+ .drip-descriptions-bordered .drip-descriptions-item-label {
background-color: #fafafa;
}
- .ant-descriptions-bordered .ant-descriptions-item-label::after {
+ .drip-descriptions-bordered .drip-descriptions-item-label::after {
display: none;
}
- .ant-descriptions-bordered .ant-descriptions-row {
+ .drip-descriptions-bordered .drip-descriptions-row {
border-bottom: 1px solid #f0f0f0;
}
- .ant-descriptions-bordered .ant-descriptions-row:last-child {
+ .drip-descriptions-bordered .drip-descriptions-row:last-child {
border-bottom: none;
}
- .ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label,
- .ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content {
+ .drip-descriptions-bordered.drip-descriptions-middle .drip-descriptions-item-label,
+ .drip-descriptions-bordered.drip-descriptions-middle .drip-descriptions-item-content {
padding: 12px 24px;
}
- .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label,
- .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content {
+ .drip-descriptions-bordered.drip-descriptions-small .drip-descriptions-item-label,
+ .drip-descriptions-bordered.drip-descriptions-small .drip-descriptions-item-content {
padding: 8px 16px;
}
- .ant-descriptions-rtl {
+ .drip-descriptions-rtl {
direction: rtl;
}
- .ant-descriptions-rtl .ant-descriptions-item-label::after {
+ .drip-descriptions-rtl .drip-descriptions-item-label::after {
margin: 0 2px 0 8px;
}
- .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label,
- .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content {
+ .drip-descriptions-rtl.drip-descriptions-bordered .drip-descriptions-item-label,
+ .drip-descriptions-rtl.drip-descriptions-bordered .drip-descriptions-item-content {
border-right: none;
border-left: 1px solid #f0f0f0;
}
- .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
- .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
+ .drip-descriptions-rtl.drip-descriptions-bordered .drip-descriptions-item-label:last-child,
+ .drip-descriptions-rtl.drip-descriptions-bordered .drip-descriptions-item-content:last-child {
border-left: none;
}
@@ -17155,19 +18576,19 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-divider {
+ .drip-divider {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
- border-top: 1px solid rgba(0, 0, 0, 0.06);
+ border-top: 1px solid rgba(0, 0, 0, 0.09);
}
- .ant-divider-vertical {
+ .drip-divider-vertical {
position: relative;
top: -0.06em;
display: inline-block;
@@ -17175,28 +18596,28 @@
margin: 0 8px;
vertical-align: middle;
border-top: 0;
- border-left: 1px solid rgba(0, 0, 0, 0.06);
+ border-left: 1px solid rgba(0, 0, 0, 0.09);
}
- .ant-divider-horizontal {
+ .drip-divider-horizontal {
display: flex;
clear: both;
width: 100%;
min-width: 100%;
margin: 24px 0;
}
- .ant-divider-horizontal.ant-divider-with-text {
+ .drip-divider-horizontal.drip-divider-with-text {
display: flex;
margin: 16px 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: 500;
font-size: 16px;
white-space: nowrap;
text-align: center;
border-top: 0;
- border-top-color: rgba(0, 0, 0, 0.06);
+ border-top-color: rgba(0, 0, 0, 0.09);
}
- .ant-divider-horizontal.ant-divider-with-text::before,
- .ant-divider-horizontal.ant-divider-with-text::after {
+ .drip-divider-horizontal.drip-divider-with-text::before,
+ .drip-divider-horizontal.drip-divider-with-text::after {
position: relative;
top: 50%;
width: 50%;
@@ -17206,60 +18627,60 @@
transform: translateY(50%);
content: '';
}
- .ant-divider-horizontal.ant-divider-with-text-left::before {
+ .drip-divider-horizontal.drip-divider-with-text-left::before {
top: 50%;
width: 5%;
}
- .ant-divider-horizontal.ant-divider-with-text-left::after {
+ .drip-divider-horizontal.drip-divider-with-text-left::after {
top: 50%;
width: 95%;
}
- .ant-divider-horizontal.ant-divider-with-text-right::before {
+ .drip-divider-horizontal.drip-divider-with-text-right::before {
top: 50%;
width: 95%;
}
- .ant-divider-horizontal.ant-divider-with-text-right::after {
+ .drip-divider-horizontal.drip-divider-with-text-right::after {
top: 50%;
width: 5%;
}
- .ant-divider-inner-text {
+ .drip-divider-inner-text {
display: inline-block;
padding: 0 1em;
}
- .ant-divider-dashed {
+ .drip-divider-dashed {
background: none;
- border-color: rgba(0, 0, 0, 0.06);
+ border-color: rgba(0, 0, 0, 0.09);
border-style: dashed;
border-width: 1px 0 0;
}
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
+ .drip-divider-horizontal.drip-divider-with-text.drip-divider-dashed {
border-top: 0;
}
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
- .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
+ .drip-divider-horizontal.drip-divider-with-text.drip-divider-dashed::before,
+ .drip-divider-horizontal.drip-divider-with-text.drip-divider-dashed::after {
border-style: dashed none none;
}
- .ant-divider-vertical.ant-divider-dashed {
+ .drip-divider-vertical.drip-divider-dashed {
border-width: 0 0 0 1px;
}
- .ant-divider-plain.ant-divider-with-text {
- color: rgba(0, 0, 0, 0.85);
+ .drip-divider-plain.drip-divider-with-text {
+ color: rgba(0, 0, 0, 0.82);
font-weight: normal;
font-size: 14px;
}
- .ant-divider-rtl {
+ .drip-divider-rtl {
direction: rtl;
}
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
+ .drip-divider-rtl.drip-divider-horizontal.drip-divider-with-text-left::before {
width: 95%;
}
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
+ .drip-divider-rtl.drip-divider-horizontal.drip-divider-with-text-left::after {
width: 5%;
}
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
+ .drip-divider-rtl.drip-divider-horizontal.drip-divider-with-text-right::before {
width: 5%;
}
- .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
+ .drip-divider-rtl.drip-divider-horizontal.drip-divider-with-text-right::after {
width: 95%;
}
@@ -17267,97 +18688,113 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-drawer {
+ .drip-drawer {
position: fixed;
z-index: 1000;
width: 0%;
height: 100%;
transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s;
}
- .ant-drawer > * {
+ .drip-drawer > * {
transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
- .ant-drawer-content-wrapper {
+ .drip-drawer-content-wrapper {
position: absolute;
width: 100%;
height: 100%;
}
- .ant-drawer .ant-drawer-content {
+ .drip-drawer-top .drip-drawer-content {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+ }
+ .drip-drawer-left .drip-drawer-content {
+ border-top-right-radius: 12px;
+ border-bottom-right-radius: 12px;
+ }
+ .drip-drawer-bottom .drip-drawer-content {
+ border-top-left-radius: 12px;
+ border-top-right-radius: 12px;
+ }
+ .drip-drawer-right .drip-drawer-content {
+ border-top-left-radius: 12px;
+ border-bottom-left-radius: 12px;
+ }
+ .drip-drawer .drip-drawer-content {
width: 100%;
height: 100%;
}
- .ant-drawer-left,
- .ant-drawer-right {
+ .drip-drawer-left,
+ .drip-drawer-right {
top: 0;
width: 0%;
height: 100%;
}
- .ant-drawer-left .ant-drawer-content-wrapper,
- .ant-drawer-right .ant-drawer-content-wrapper {
+ .drip-drawer-left .drip-drawer-content-wrapper,
+ .drip-drawer-right .drip-drawer-content-wrapper {
height: 100%;
}
- .ant-drawer-left.ant-drawer-open,
- .ant-drawer-right.ant-drawer-open {
+ .drip-drawer-left.drip-drawer-open,
+ .drip-drawer-right.drip-drawer-open {
width: 100%;
transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
- .ant-drawer-left {
+ .drip-drawer-left {
left: 0;
}
- .ant-drawer-left .ant-drawer-content-wrapper {
+ .drip-drawer-left .drip-drawer-content-wrapper {
left: 0;
}
- .ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
+ .drip-drawer-left.drip-drawer-open .drip-drawer-content-wrapper {
box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
- .ant-drawer-right {
+ .drip-drawer-right {
right: 0;
}
- .ant-drawer-right .ant-drawer-content-wrapper {
+ .drip-drawer-right .drip-drawer-content-wrapper {
right: 0;
}
- .ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
+ .drip-drawer-right.drip-drawer-open .drip-drawer-content-wrapper {
box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
- .ant-drawer-right.ant-drawer-open.no-mask {
+ .drip-drawer-right.drip-drawer-open.no-mask {
right: 1px;
transform: translateX(1px);
}
- .ant-drawer-top,
- .ant-drawer-bottom {
+ .drip-drawer-top,
+ .drip-drawer-bottom {
left: 0;
width: 100%;
height: 0%;
}
- .ant-drawer-top .ant-drawer-content-wrapper,
- .ant-drawer-bottom .ant-drawer-content-wrapper {
+ .drip-drawer-top .drip-drawer-content-wrapper,
+ .drip-drawer-bottom .drip-drawer-content-wrapper {
width: 100%;
}
- .ant-drawer-top.ant-drawer-open,
- .ant-drawer-bottom.ant-drawer-open {
+ .drip-drawer-top.drip-drawer-open,
+ .drip-drawer-bottom.drip-drawer-open {
height: 100%;
transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
- .ant-drawer-top {
+ .drip-drawer-top {
top: 0;
}
- .ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
+ .drip-drawer-top.drip-drawer-open .drip-drawer-content-wrapper {
box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}
- .ant-drawer-bottom {
+ .drip-drawer-bottom {
bottom: 0;
}
- .ant-drawer-bottom .ant-drawer-content-wrapper {
+ .drip-drawer-bottom .drip-drawer-content-wrapper {
bottom: 0;
}
- .ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
+ .drip-drawer-bottom.drip-drawer-open .drip-drawer-content-wrapper {
box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
}
- .ant-drawer-bottom.ant-drawer-open.no-mask {
+ .drip-drawer-bottom.drip-drawer-open.no-mask {
bottom: 1px;
transform: translateY(1px);
}
- .ant-drawer.ant-drawer-open .ant-drawer-mask {
+ .drip-drawer.drip-drawer-open .drip-drawer-mask {
height: 100%;
opacity: 1;
transition: none;
@@ -17365,14 +18802,14 @@
animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
pointer-events: auto;
}
- .ant-drawer-title {
+ .drip-drawer-title {
margin: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: 500;
font-size: 16px;
line-height: 22px;
}
- .ant-drawer-content {
+ .drip-drawer-content {
position: relative;
z-index: 1;
overflow: auto;
@@ -17380,7 +18817,7 @@
background-clip: padding-box;
border: 0;
}
- .ant-drawer-close {
+ .drip-drawer-close {
position: absolute;
top: 0;
right: 0;
@@ -17402,36 +18839,36 @@
transition: color 0.3s;
text-rendering: auto;
}
- .ant-drawer-close:focus,
- .ant-drawer-close:hover {
+ .drip-drawer-close:focus,
+ .drip-drawer-close:hover {
color: rgba(0, 0, 0, 0.75);
text-decoration: none;
}
- .ant-drawer-header-no-title .ant-drawer-close {
+ .drip-drawer-header-no-title .drip-drawer-close {
margin-right: var(--scroll-bar);
/* stylelint-disable-next-line function-calc-no-invalid */
padding-right: calc(20px - var(--scroll-bar));
}
- .ant-drawer-header {
+ .drip-drawer-header {
position: relative;
- padding: 16px 24px;
- color: rgba(0, 0, 0, 0.85);
+ padding: 24px;
+ color: rgba(0, 0, 0, 0.82);
background: #fff;
border-bottom: 1px solid #f0f0f0;
border-radius: 2px 2px 0 0;
}
- .ant-drawer-header-no-title {
- color: rgba(0, 0, 0, 0.85);
+ .drip-drawer-header-no-title {
+ color: rgba(0, 0, 0, 0.82);
background: #fff;
}
- .ant-drawer-wrapper-body {
+ .drip-drawer-wrapper-body {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
width: 100%;
height: 100%;
}
- .ant-drawer-body {
+ .drip-drawer-body {
flex-grow: 1;
padding: 24px;
overflow: auto;
@@ -17439,12 +18876,12 @@
line-height: 1.5715;
word-wrap: break-word;
}
- .ant-drawer-footer {
+ .drip-drawer-footer {
flex-shrink: 0;
padding: 10px 16px;
border-top: 1px solid #f0f0f0;
}
- .ant-drawer-mask {
+ .drip-drawer-mask {
position: absolute;
top: 0;
left: 0;
@@ -17456,10 +18893,10 @@
transition: opacity 0.3s linear, height 0s ease 0.3s;
pointer-events: none;
}
- .ant-drawer-open-content {
+ .drip-drawer-open-content {
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
- .ant-drawer .ant-picker-clear {
+ .drip-drawer .drip-picker-clear {
background: #fff;
}
@-webkit-keyframes antdDrawerFadeIn {
@@ -17478,10 +18915,10 @@
opacity: 1;
}
}
- .ant-drawer-rtl {
+ .drip-drawer-rtl {
direction: rtl;
}
- .ant-drawer-rtl .ant-drawer-close {
+ .drip-drawer-rtl .drip-drawer-close {
right: auto;
left: 0;
}
@@ -17490,278 +18927,278 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-form-item .ant-mentions,
- .ant-form-item textarea.ant-input {
+ .drip-form-item .drip-mentions,
+ .drip-form-item textarea.drip-input {
height: auto;
}
- .ant-form-item .ant-upload {
+ .drip-form-item .drip-upload {
background: transparent;
}
- .ant-form-item .ant-upload.ant-upload-drag {
+ .drip-form-item .drip-upload.drip-upload-drag {
background: #fafafa;
}
- .ant-form-item input[type='radio'],
- .ant-form-item input[type='checkbox'] {
+ .drip-form-item input[type='radio'],
+ .drip-form-item input[type='checkbox'] {
width: 14px;
height: 14px;
}
- .ant-form-item .ant-radio-inline,
- .ant-form-item .ant-checkbox-inline {
+ .drip-form-item .drip-radio-inline,
+ .drip-form-item .drip-checkbox-inline {
display: inline-block;
margin-left: 8px;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
}
- .ant-form-item .ant-radio-inline:first-child,
- .ant-form-item .ant-checkbox-inline:first-child {
+ .drip-form-item .drip-radio-inline:first-child,
+ .drip-form-item .drip-checkbox-inline:first-child {
margin-left: 0;
}
- .ant-form-item .ant-checkbox-vertical,
- .ant-form-item .ant-radio-vertical {
+ .drip-form-item .drip-checkbox-vertical,
+ .drip-form-item .drip-radio-vertical {
display: block;
}
- .ant-form-item .ant-checkbox-vertical + .ant-checkbox-vertical,
- .ant-form-item .ant-radio-vertical + .ant-radio-vertical {
+ .drip-form-item .drip-checkbox-vertical + .drip-checkbox-vertical,
+ .drip-form-item .drip-radio-vertical + .drip-radio-vertical {
margin-left: 0;
}
- .ant-form-item .ant-input-number + .ant-form-text {
+ .drip-form-item .drip-input-number + .drip-form-text {
margin-left: 8px;
}
- .ant-form-item .ant-input-number-handler-wrap {
+ .drip-form-item .drip-input-number-handler-wrap {
z-index: 2;
}
- .ant-form-item .ant-select,
- .ant-form-item .ant-cascader-picker {
+ .drip-form-item .drip-select,
+ .drip-form-item .drip-cascader-picker {
width: 100%;
}
- .ant-form-item .ant-picker-calendar-year-select,
- .ant-form-item .ant-picker-calendar-month-select,
- .ant-form-item .ant-input-group .ant-select,
- .ant-form-item .ant-input-group .ant-cascader-picker {
+ .drip-form-item .drip-picker-calendar-year-select,
+ .drip-form-item .drip-picker-calendar-month-select,
+ .drip-form-item .drip-input-group .drip-select,
+ .drip-form-item .drip-input-group .drip-cascader-picker {
width: auto;
}
- .ant-form-inline {
+ .drip-form-inline {
display: flex;
flex-wrap: wrap;
}
- .ant-form-inline .ant-form-item {
+ .drip-form-inline .drip-form-item {
flex: none;
flex-wrap: nowrap;
margin-right: 16px;
margin-bottom: 0;
}
- .ant-form-inline .ant-form-item-with-help {
+ .drip-form-inline .drip-form-item-with-help {
margin-bottom: 24px;
}
- .ant-form-inline .ant-form-item > .ant-form-item-label,
- .ant-form-inline .ant-form-item > .ant-form-item-control {
+ .drip-form-inline .drip-form-item > .drip-form-item-label,
+ .drip-form-inline .drip-form-item > .drip-form-item-control {
display: inline-block;
vertical-align: top;
}
- .ant-form-inline .ant-form-item > .ant-form-item-label {
+ .drip-form-inline .drip-form-item > .drip-form-item-label {
flex: none;
}
- .ant-form-inline .ant-form-item .ant-form-text {
+ .drip-form-inline .drip-form-item .drip-form-text {
display: inline-block;
}
- .ant-form-inline .ant-form-item .ant-form-item-has-feedback {
+ .drip-form-inline .drip-form-item .drip-form-item-has-feedback {
display: inline-block;
}
- .ant-form-horizontal .ant-form-item-label {
+ .drip-form-horizontal .drip-form-item-label {
flex-grow: 0;
}
- .ant-form-horizontal .ant-form-item-control {
+ .drip-form-horizontal .drip-form-item-control {
flex: 1 1 0;
}
- .ant-form-vertical .ant-form-item {
+ .drip-form-vertical .drip-form-item {
flex-direction: column;
}
- .ant-form-vertical .ant-form-item-label > label {
+ .drip-form-vertical .drip-form-item-label > label {
height: auto;
}
- .ant-form-vertical .ant-form-item-label,
- .ant-col-24.ant-form-item-label,
- .ant-col-xl-24.ant-form-item-label {
+ .drip-form-vertical .drip-form-item-label,
+ .drip-col-24.drip-form-item-label,
+ .drip-col-xl-24.drip-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
- .ant-form-vertical .ant-form-item-label > label,
- .ant-col-24.ant-form-item-label > label,
- .ant-col-xl-24.ant-form-item-label > label {
+ .drip-form-vertical .drip-form-item-label > label,
+ .drip-col-24.drip-form-item-label > label,
+ .drip-col-xl-24.drip-form-item-label > label {
margin: 0;
}
- .ant-form-vertical .ant-form-item-label > label::after,
- .ant-col-24.ant-form-item-label > label::after,
- .ant-col-xl-24.ant-form-item-label > label::after {
+ .drip-form-vertical .drip-form-item-label > label::after,
+ .drip-col-24.drip-form-item-label > label::after,
+ .drip-col-xl-24.drip-form-item-label > label::after {
display: none;
}
- .ant-form-rtl.ant-form-vertical .ant-form-item-label,
- .ant-form-rtl.ant-col-24.ant-form-item-label,
- .ant-form-rtl.ant-col-xl-24.ant-form-item-label {
+ .drip-form-rtl.drip-form-vertical .drip-form-item-label,
+ .drip-form-rtl.drip-col-24.drip-form-item-label,
+ .drip-form-rtl.drip-col-xl-24.drip-form-item-label {
text-align: right;
}
@media (max-width: 575px) {
- .ant-form-item .ant-form-item-label {
+ .drip-form-item .drip-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
- .ant-form-item .ant-form-item-label > label {
+ .drip-form-item .drip-form-item-label > label {
margin: 0;
}
- .ant-form-item .ant-form-item-label > label::after {
+ .drip-form-item .drip-form-item-label > label::after {
display: none;
}
- .ant-form-rtl.ant-form-item .ant-form-item-label {
+ .drip-form-rtl.drip-form-item .drip-form-item-label {
text-align: right;
}
- .ant-form .ant-form-item {
+ .drip-form .drip-form-item {
flex-wrap: wrap;
}
- .ant-form .ant-form-item .ant-form-item-label,
- .ant-form .ant-form-item .ant-form-item-control {
+ .drip-form .drip-form-item .drip-form-item-label,
+ .drip-form .drip-form-item .drip-form-item-control {
flex: 0 0 100%;
max-width: 100%;
}
- .ant-col-xs-24.ant-form-item-label {
+ .drip-col-xs-24.drip-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
- .ant-col-xs-24.ant-form-item-label > label {
+ .drip-col-xs-24.drip-form-item-label > label {
margin: 0;
}
- .ant-col-xs-24.ant-form-item-label > label::after {
+ .drip-col-xs-24.drip-form-item-label > label::after {
display: none;
}
- .ant-form-rtl.ant-col-xs-24.ant-form-item-label {
+ .drip-form-rtl.drip-col-xs-24.drip-form-item-label {
text-align: right;
}
}
@media (max-width: 767px) {
- .ant-col-sm-24.ant-form-item-label {
+ .drip-col-sm-24.drip-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
- .ant-col-sm-24.ant-form-item-label > label {
+ .drip-col-sm-24.drip-form-item-label > label {
margin: 0;
}
- .ant-col-sm-24.ant-form-item-label > label::after {
+ .drip-col-sm-24.drip-form-item-label > label::after {
display: none;
}
- .ant-form-rtl.ant-col-sm-24.ant-form-item-label {
+ .drip-form-rtl.drip-col-sm-24.drip-form-item-label {
text-align: right;
}
}
@media (max-width: 991px) {
- .ant-col-md-24.ant-form-item-label {
+ .drip-col-md-24.drip-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
- .ant-col-md-24.ant-form-item-label > label {
+ .drip-col-md-24.drip-form-item-label > label {
margin: 0;
}
- .ant-col-md-24.ant-form-item-label > label::after {
+ .drip-col-md-24.drip-form-item-label > label::after {
display: none;
}
- .ant-form-rtl.ant-col-md-24.ant-form-item-label {
+ .drip-form-rtl.drip-col-md-24.drip-form-item-label {
text-align: right;
}
}
@media (max-width: 1199px) {
- .ant-col-lg-24.ant-form-item-label {
+ .drip-col-lg-24.drip-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
- .ant-col-lg-24.ant-form-item-label > label {
+ .drip-col-lg-24.drip-form-item-label > label {
margin: 0;
}
- .ant-col-lg-24.ant-form-item-label > label::after {
+ .drip-col-lg-24.drip-form-item-label > label::after {
display: none;
}
- .ant-form-rtl.ant-col-lg-24.ant-form-item-label {
+ .drip-form-rtl.drip-col-lg-24.drip-form-item-label {
text-align: right;
}
}
@media (max-width: 1599px) {
- .ant-col-xl-24.ant-form-item-label {
+ .drip-col-xl-24.drip-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
- .ant-col-xl-24.ant-form-item-label > label {
+ .drip-col-xl-24.drip-form-item-label > label {
margin: 0;
}
- .ant-col-xl-24.ant-form-item-label > label::after {
+ .drip-col-xl-24.drip-form-item-label > label::after {
display: none;
}
- .ant-form-rtl.ant-col-xl-24.ant-form-item-label {
+ .drip-form-rtl.drip-col-xl-24.drip-form-item-label {
text-align: right;
}
}
- .ant-form-item {
+ .drip-form-item {
/* Some non-status related component style is in `components.less` */
/* To support leave along ErrorList. We add additional className to handle explain style */
}
- .ant-form-item-explain.ant-form-item-explain-error {
- color: #ff4d4f;
+ .drip-form-item-explain.drip-form-item-explain-error {
+ color: #FF4C4C;
}
- .ant-form-item-explain.ant-form-item-explain-warning {
- color: #faad14;
+ .drip-form-item-explain.drip-form-item-explain-warning {
+ color: #FEB00E;
}
- .ant-form-item-has-feedback .ant-input {
+ .drip-form-item-has-feedback .drip-input {
padding-right: 24px;
}
- .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
+ .drip-form-item-has-feedback .drip-input-affix-wrapper .drip-input-suffix {
padding-right: 18px;
}
- .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
+ .drip-form-item-has-feedback .drip-input-search:not(.drip-input-search-enter-button) .drip-input-suffix {
right: 28px;
}
- .ant-form-item-has-feedback .ant-switch {
+ .drip-form-item-has-feedback .drip-switch {
margin: 2px 0 4px;
}
- .ant-form-item-has-feedback > .ant-select .ant-select-arrow,
- .ant-form-item-has-feedback > .ant-select .ant-select-clear,
- .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
- .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear {
+ .drip-form-item-has-feedback > .drip-select .drip-select-arrow,
+ .drip-form-item-has-feedback > .drip-select .drip-select-clear,
+ .drip-form-item-has-feedback :not(.drip-input-group-addon) > .drip-select .drip-select-arrow,
+ .drip-form-item-has-feedback :not(.drip-input-group-addon) > .drip-select .drip-select-clear {
right: 32px;
}
- .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value,
- .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value {
+ .drip-form-item-has-feedback > .drip-select .drip-select-selection-selected-value,
+ .drip-form-item-has-feedback :not(.drip-input-group-addon) > .drip-select .drip-select-selection-selected-value {
padding-right: 42px;
}
- .ant-form-item-has-feedback .ant-cascader-picker-arrow {
+ .drip-form-item-has-feedback .drip-cascader-picker-arrow {
margin-right: 19px;
}
- .ant-form-item-has-feedback .ant-cascader-picker-clear {
+ .drip-form-item-has-feedback .drip-cascader-picker-clear {
right: 32px;
}
- .ant-form-item-has-feedback .ant-picker {
+ .drip-form-item-has-feedback .drip-picker {
padding-right: 29.2px;
}
- .ant-form-item-has-feedback .ant-picker-large {
+ .drip-form-item-has-feedback .drip-picker-large {
padding-right: 29.2px;
}
- .ant-form-item-has-feedback .ant-picker-small {
+ .drip-form-item-has-feedback .drip-picker-small {
padding-right: 25.2px;
}
- .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
- .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
- .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
- .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
+ .drip-form-item-has-feedback.drip-form-item-has-success .drip-form-item-children-icon,
+ .drip-form-item-has-feedback.drip-form-item-has-warning .drip-form-item-children-icon,
+ .drip-form-item-has-feedback.drip-form-item-has-error .drip-form-item-children-icon,
+ .drip-form-item-has-feedback.drip-form-item-is-validating .drip-form-item-children-icon {
position: absolute;
top: 50%;
right: 0;
@@ -17777,225 +19214,213 @@
animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
pointer-events: none;
}
- .ant-form-item-has-success.ant-form-item-has-feedback .ant-form-item-children-icon {
- color: #52c41a;
+ .drip-form-item-has-success.drip-form-item-has-feedback .drip-form-item-children-icon {
+ color: #17C574;
-webkit-animation-name: diffZoomIn1 !important;
animation-name: diffZoomIn1 !important;
}
- .ant-form-item-has-warning .ant-form-item-split {
- color: #faad14;
+ .drip-form-item-has-warning .drip-form-item-split {
+ color: #FEB00E;
}
- .ant-form-item-has-warning :not(.ant-input-disabled).ant-input,
- .ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled).ant-input-affix-wrapper,
- .ant-form-item-has-warning :not(.ant-input-disabled).ant-input:hover,
- .ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled).ant-input-affix-wrapper:hover {
+ .drip-form-item-has-warning :not(.drip-input-disabled):not(.drip-input-borderless).drip-input,
+ .drip-form-item-has-warning :not(.drip-input-affix-wrapper-disabled):not(.drip-input-affix-wrapper-borderless).drip-input-affix-wrapper,
+ .drip-form-item-has-warning :not(.drip-input-disabled):not(.drip-input-borderless).drip-input:hover,
+ .drip-form-item-has-warning :not(.drip-input-affix-wrapper-disabled):not(.drip-input-affix-wrapper-borderless).drip-input-affix-wrapper:hover {
background-color: #fff;
- border-color: #faad14;
+ border-color: #FEB00E;
}
- .ant-form-item-has-warning :not(.ant-input-disabled).ant-input:focus,
- .ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled).ant-input-affix-wrapper:focus,
- .ant-form-item-has-warning :not(.ant-input-disabled).ant-input-focused,
- .ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled).ant-input-affix-wrapper-focused {
- border-color: #ffc53d;
+ .drip-form-item-has-warning :not(.drip-input-disabled):not(.drip-input-borderless).drip-input:focus,
+ .drip-form-item-has-warning :not(.drip-input-affix-wrapper-disabled):not(.drip-input-affix-wrapper-borderless).drip-input-affix-wrapper:focus,
+ .drip-form-item-has-warning :not(.drip-input-disabled):not(.drip-input-borderless).drip-input-focused,
+ .drip-form-item-has-warning :not(.drip-input-affix-wrapper-disabled):not(.drip-input-affix-wrapper-borderless).drip-input-affix-wrapper-focused {
+ border-color: #ffc338;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
- .ant-form-item-has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
- border-color: #ffc53d;
+ .drip-form-item-has-warning .drip-calendar-picker-open .drip-calendar-picker-input {
+ border-color: #ffc338;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
- .ant-form-item-has-warning .ant-input-prefix {
- color: #faad14;
+ .drip-form-item-has-warning .drip-input-prefix {
+ color: #FEB00E;
}
- .ant-form-item-has-warning .ant-input-group-addon {
- color: #faad14;
- border-color: #faad14;
+ .drip-form-item-has-warning .drip-input-group-addon {
+ color: #FEB00E;
+ border-color: #FEB00E;
}
- .ant-form-item-has-warning .has-feedback {
- color: #faad14;
+ .drip-form-item-has-warning .has-feedback {
+ color: #FEB00E;
}
- .ant-form-item-has-warning.ant-form-item-has-feedback .ant-form-item-children-icon {
- color: #faad14;
+ .drip-form-item-has-warning.drip-form-item-has-feedback .drip-form-item-children-icon {
+ color: #FEB00E;
-webkit-animation-name: diffZoomIn3 !important;
animation-name: diffZoomIn3 !important;
}
- .ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
+ .drip-form-item-has-warning .drip-select:not(.drip-select-disabled):not(.drip-select-customize-input) .drip-select-selector {
background-color: #fff;
- border-color: #faad14 !important;
+ border-color: #FEB00E !important;
}
- .ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector,
- .ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector {
- border-color: #ffc53d;
+ .drip-form-item-has-warning .drip-select:not(.drip-select-disabled):not(.drip-select-customize-input).drip-select-open .drip-select-selector,
+ .drip-form-item-has-warning .drip-select:not(.drip-select-disabled):not(.drip-select-customize-input).drip-select-focused .drip-select-selector {
+ border-color: #ffc338;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
- .ant-form-item-has-warning .ant-input-number,
- .ant-form-item-has-warning .ant-picker {
+ .drip-form-item-has-warning .drip-input-number,
+ .drip-form-item-has-warning .drip-picker {
background-color: #fff;
- border-color: #faad14;
+ border-color: #FEB00E;
}
- .ant-form-item-has-warning .ant-input-number-focused,
- .ant-form-item-has-warning .ant-picker-focused,
- .ant-form-item-has-warning .ant-input-number:focus,
- .ant-form-item-has-warning .ant-picker:focus {
- border-color: #ffc53d;
+ .drip-form-item-has-warning .drip-input-number-focused,
+ .drip-form-item-has-warning .drip-picker-focused,
+ .drip-form-item-has-warning .drip-input-number:focus,
+ .drip-form-item-has-warning .drip-picker:focus {
+ border-color: #ffc338;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
- .ant-form-item-has-warning .ant-input-number:not([disabled]):hover,
- .ant-form-item-has-warning .ant-picker:not([disabled]):hover {
+ .drip-form-item-has-warning .drip-input-number:not([disabled]):hover,
+ .drip-form-item-has-warning .drip-picker:not([disabled]):hover {
background-color: #fff;
- border-color: #faad14;
+ border-color: #FEB00E;
}
- .ant-form-item-has-warning .ant-cascader-picker:focus .ant-cascader-input {
- border-color: #ffc53d;
+ .drip-form-item-has-warning .drip-cascader-picker:focus .drip-cascader-input {
+ border-color: #ffc338;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
- .ant-form-item-has-error .ant-form-item-split {
- color: #ff4d4f;
+ .drip-form-item-has-error .drip-form-item-split {
+ color: #FF4C4C;
}
- .ant-form-item-has-error :not(.ant-input-disabled).ant-input,
- .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled).ant-input-affix-wrapper,
- .ant-form-item-has-error :not(.ant-input-disabled).ant-input:hover,
- .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled).ant-input-affix-wrapper:hover {
+ .drip-form-item-has-error :not(.drip-input-disabled):not(.drip-input-borderless).drip-input,
+ .drip-form-item-has-error :not(.drip-input-affix-wrapper-disabled):not(.drip-input-affix-wrapper-borderless).drip-input-affix-wrapper,
+ .drip-form-item-has-error :not(.drip-input-disabled):not(.drip-input-borderless).drip-input:hover,
+ .drip-form-item-has-error :not(.drip-input-affix-wrapper-disabled):not(.drip-input-affix-wrapper-borderless).drip-input-affix-wrapper:hover {
background-color: #fff;
- border-color: #ff4d4f;
+ border-color: #FF4C4C;
}
- .ant-form-item-has-error :not(.ant-input-disabled).ant-input:focus,
- .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled).ant-input-affix-wrapper:focus,
- .ant-form-item-has-error :not(.ant-input-disabled).ant-input-focused,
- .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled).ant-input-affix-wrapper-focused {
- border-color: #ff7875;
+ .drip-form-item-has-error :not(.drip-input-disabled):not(.drip-input-borderless).drip-input:focus,
+ .drip-form-item-has-error :not(.drip-input-affix-wrapper-disabled):not(.drip-input-affix-wrapper-borderless).drip-input-affix-wrapper:focus,
+ .drip-form-item-has-error :not(.drip-input-disabled):not(.drip-input-borderless).drip-input-focused,
+ .drip-form-item-has-error :not(.drip-input-affix-wrapper-disabled):not(.drip-input-affix-wrapper-borderless).drip-input-affix-wrapper-focused {
+ border-color: #ff7a75;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
}
- .ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input {
- border-color: #ff7875;
+ .drip-form-item-has-error .drip-calendar-picker-open .drip-calendar-picker-input {
+ border-color: #ff7a75;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
}
- .ant-form-item-has-error .ant-input-prefix {
- color: #ff4d4f;
+ .drip-form-item-has-error .drip-input-prefix {
+ color: #FF4C4C;
}
- .ant-form-item-has-error .ant-input-group-addon {
- color: #ff4d4f;
- border-color: #ff4d4f;
+ .drip-form-item-has-error .drip-input-group-addon {
+ color: #FF4C4C;
+ border-color: #FF4C4C;
}
- .ant-form-item-has-error .has-feedback {
- color: #ff4d4f;
+ .drip-form-item-has-error .has-feedback {
+ color: #FF4C4C;
}
- .ant-form-item-has-error.ant-form-item-has-feedback .ant-form-item-children-icon {
- color: #ff4d4f;
+ .drip-form-item-has-error.drip-form-item-has-feedback .drip-form-item-children-icon {
+ color: #FF4C4C;
-webkit-animation-name: diffZoomIn2 !important;
animation-name: diffZoomIn2 !important;
}
- .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
+ .drip-form-item-has-error .drip-select:not(.drip-select-disabled):not(.drip-select-customize-input) .drip-select-selector {
background-color: #fff;
- border-color: #ff4d4f !important;
+ border-color: #FF4C4C !important;
}
- .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector,
- .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector {
- border-color: #ff7875;
+ .drip-form-item-has-error .drip-select:not(.drip-select-disabled):not(.drip-select-customize-input).drip-select-open .drip-select-selector,
+ .drip-form-item-has-error .drip-select:not(.drip-select-disabled):not(.drip-select-customize-input).drip-select-focused .drip-select-selector {
+ border-color: #ff7a75;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
}
- .ant-form-item-has-error .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
+ .drip-form-item-has-error .drip-input-group-addon .drip-select.drip-select-single:not(.drip-select-customize-input) .drip-select-selector {
background-color: inherit;
border: 0;
box-shadow: none;
}
- .ant-form-item-has-error .ant-select.ant-select-auto-complete .ant-input:focus {
- border-color: #ff4d4f;
+ .drip-form-item-has-error .drip-select.drip-select-auto-complete .drip-input:focus {
+ border-color: #FF4C4C;
}
- .ant-form-item-has-error .ant-input-number,
- .ant-form-item-has-error .ant-picker {
+ .drip-form-item-has-error .drip-input-number,
+ .drip-form-item-has-error .drip-picker {
background-color: #fff;
- border-color: #ff4d4f;
+ border-color: #FF4C4C;
}
- .ant-form-item-has-error .ant-input-number-focused,
- .ant-form-item-has-error .ant-picker-focused,
- .ant-form-item-has-error .ant-input-number:focus,
- .ant-form-item-has-error .ant-picker:focus {
- border-color: #ff7875;
+ .drip-form-item-has-error .drip-input-number-focused,
+ .drip-form-item-has-error .drip-picker-focused,
+ .drip-form-item-has-error .drip-input-number:focus,
+ .drip-form-item-has-error .drip-picker:focus {
+ border-color: #ff7a75;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
}
- .ant-form-item-has-error .ant-input-number:not([disabled]):hover,
- .ant-form-item-has-error .ant-picker:not([disabled]):hover {
+ .drip-form-item-has-error .drip-input-number:not([disabled]):hover,
+ .drip-form-item-has-error .drip-picker:not([disabled]):hover {
background-color: #fff;
- border-color: #ff4d4f;
+ border-color: #FF4C4C;
}
- .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor,
- .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
+ .drip-form-item-has-error .drip-mention-wrapper .drip-mention-editor,
+ .drip-form-item-has-error .drip-mention-wrapper .drip-mention-editor:not([disabled]):hover {
background-color: #fff;
- border-color: #ff4d4f;
+ border-color: #FF4C4C;
}
- .ant-form-item-has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
- .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
- border-color: #ff7875;
+ .drip-form-item-has-error .drip-mention-wrapper.drip-mention-active:not([disabled]) .drip-mention-editor,
+ .drip-form-item-has-error .drip-mention-wrapper .drip-mention-editor:not([disabled]):focus {
+ border-color: #ff7a75;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
}
- .ant-form-item-has-error .ant-cascader-picker:hover .ant-cascader-picker-label:hover + .ant-cascader-input.ant-input {
- border-color: #ff4d4f;
+ .drip-form-item-has-error .drip-cascader-picker:hover .drip-cascader-picker-label:hover + .drip-cascader-input.drip-input {
+ border-color: #FF4C4C;
}
- .ant-form-item-has-error .ant-cascader-picker:focus .ant-cascader-input {
+ .drip-form-item-has-error .drip-cascader-picker:focus .drip-cascader-input {
background-color: #fff;
- border-color: #ff7875;
+ border-color: #ff7a75;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
}
- .ant-form-item-has-error .ant-transfer-list {
- border-color: #ff4d4f;
+ .drip-form-item-has-error .drip-transfer-list {
+ border-color: #FF4C4C;
}
- .ant-form-item-has-error .ant-transfer-list-search:not([disabled]) {
+ .drip-form-item-has-error .drip-transfer-list-search:not([disabled]) {
border-color: #d9d9d9;
}
- .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover {
- border-color: #40a9ff;
+ .drip-form-item-has-error .drip-transfer-list-search:not([disabled]):hover {
+ border-color: #5789ff;
border-right-width: 1px !important;
}
- .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus {
- border-color: #40a9ff;
+ .drip-form-item-has-error .drip-transfer-list-search:not([disabled]):focus {
+ border-color: #5789ff;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
- .ant-form-item-has-error .ant-radio-button-wrapper {
- border-color: #ff4d4f !important;
+ .drip-form-item-has-error .drip-radio-button-wrapper {
+ border-color: #FF4C4C !important;
}
- .ant-form-item-has-error .ant-radio-button-wrapper:not(:first-child)::before {
- background-color: #ff4d4f;
+ .drip-form-item-has-error .drip-radio-button-wrapper:not(:first-child)::before {
+ background-color: #FF4C4C;
}
- .ant-form-item-is-validating.ant-form-item-has-feedback .ant-form-item-children-icon {
+ .drip-form-item-is-validating.drip-form-item-has-feedback .drip-form-item-children-icon {
display: inline-block;
- color: #1890ff;
+ color: #2D64FF;
}
- .ant-form {
+ .drip-form {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
}
- .ant-form legend {
+ .drip-form legend {
display: block;
width: 100%;
margin-bottom: 20px;
@@ -18006,62 +19431,62 @@
border: 0;
border-bottom: 1px solid #d9d9d9;
}
- .ant-form label {
+ .drip-form label {
font-size: 14px;
}
- .ant-form input[type='search'] {
+ .drip-form input[type='search'] {
box-sizing: border-box;
}
- .ant-form input[type='radio'],
- .ant-form input[type='checkbox'] {
+ .drip-form input[type='radio'],
+ .drip-form input[type='checkbox'] {
line-height: normal;
}
- .ant-form input[type='file'] {
+ .drip-form input[type='file'] {
display: block;
}
- .ant-form input[type='range'] {
+ .drip-form input[type='range'] {
display: block;
width: 100%;
}
- .ant-form select[multiple],
- .ant-form select[size] {
+ .drip-form select[multiple],
+ .drip-form select[size] {
height: auto;
}
- .ant-form input[type='file']:focus,
- .ant-form input[type='radio']:focus,
- .ant-form input[type='checkbox']:focus {
+ .drip-form input[type='file']:focus,
+ .drip-form input[type='radio']:focus,
+ .drip-form input[type='checkbox']:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
- .ant-form output {
+ .drip-form output {
display: block;
padding-top: 15px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
line-height: 1.5715;
}
- .ant-form .ant-form-text {
+ .drip-form .drip-form-text {
display: inline-block;
padding-right: 8px;
}
- .ant-form-small .ant-form-item-label > label {
+ .drip-form-small .drip-form-item-label > label {
height: 24px;
}
- .ant-form-small .ant-form-item-control-input {
+ .drip-form-small .drip-form-item-control-input {
min-height: 24px;
}
- .ant-form-large .ant-form-item-label > label {
+ .drip-form-large .drip-form-item-label > label {
height: 40px;
}
- .ant-form-large .ant-form-item-control-input {
+ .drip-form-large .drip-form-item-control-input {
min-height: 40px;
}
- .ant-form-item {
+ .drip-form-item {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -18070,14 +19495,14 @@
margin-bottom: 24px;
vertical-align: top;
}
- .ant-form-item-with-help {
+ .drip-form-item-with-help {
margin-bottom: 0;
}
- .ant-form-item-hidden,
- .ant-form-item-hidden.ant-row {
+ .drip-form-item-hidden,
+ .drip-form-item-hidden.drip-row {
display: none;
}
- .ant-form-item-label {
+ .drip-form-item-label {
display: inline-block;
flex-grow: 0;
overflow: hidden;
@@ -18085,42 +19510,42 @@
text-align: right;
vertical-align: middle;
}
- .ant-form-item-label-left {
+ .drip-form-item-label-left {
text-align: left;
}
- .ant-form-item-label > label {
+ .drip-form-item-label > label {
position: relative;
display: inline-flex;
align-items: center;
height: 32px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
}
- .ant-form-item-label > label > .anticon {
+ .drip-form-item-label > label > .dripicon {
font-size: 14px;
vertical-align: top;
}
- .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
+ .drip-form-item-label > label.drip-form-item-required:not(.drip-form-item-required-mark-optional)::before {
display: inline-block;
margin-right: 4px;
- color: #ff4d4f;
+ color: #ff7a75;
font-size: 14px;
font-family: SimSun, sans-serif;
line-height: 1;
content: '*';
}
- .ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
+ .drip-form-hide-required-mark .drip-form-item-label > label.drip-form-item-required:not(.drip-form-item-required-mark-optional)::before {
display: none;
}
- .ant-form-item-label > label .ant-form-item-optional {
+ .drip-form-item-label > label .drip-form-item-optional {
display: inline-block;
margin-left: 4px;
color: rgba(0, 0, 0, 0.45);
}
- .ant-form-hide-required-mark .ant-form-item-label > label .ant-form-item-optional {
+ .drip-form-hide-required-mark .drip-form-item-label > label .drip-form-item-optional {
display: none;
}
- .ant-form-item-label > label .ant-form-item-tooltip {
+ .drip-form-item-label > label .drip-form-item-tooltip {
color: rgba(0, 0, 0, 0.45);
cursor: help;
-ms-writing-mode: lr-tb;
@@ -18128,47 +19553,48 @@
-webkit-margin-start: 4px;
margin-inline-start: 4px;
}
- .ant-form-item-label > label::after {
+ .drip-form-item-label > label::after {
content: ':';
position: relative;
top: -0.5px;
margin: 0 8px 0 2px;
}
- .ant-form-item-label > label.ant-form-item-no-colon::after {
+ .drip-form-item-label > label.drip-form-item-no-colon::after {
content: ' ';
}
- .ant-form-item-control {
+ .drip-form-item-control {
display: flex;
flex-direction: column;
flex-grow: 1;
}
- .ant-form-item-control:first-child:not([class^='ant-col-']):not([class*=' ant-col-']) {
+ .drip-form-item-control:first-child:not([class^='drip-col-']):not([class*=' drip-col-']) {
width: 100%;
}
- .ant-form-item-control-input {
+ .drip-form-item-control-input {
position: relative;
display: flex;
align-items: center;
min-height: 32px;
}
- .ant-form-item-control-input-content {
+ .drip-form-item-control-input-content {
flex: auto;
max-width: 100%;
}
- .ant-form-item-explain,
- .ant-form-item-extra {
+ .drip-form-item-explain,
+ .drip-form-item-extra {
clear: both;
min-height: 24px;
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
line-height: 1.5715;
transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
+ padding-top: 0px;
}
- .ant-form-item .ant-input-textarea-show-count::after {
+ .drip-form-item .drip-input-textarea-show-count::after {
margin-bottom: -22px;
}
- .ant-show-help-enter,
- .ant-show-help-appear {
+ .drip-show-help-enter,
+ .drip-show-help-appear {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: both;
@@ -18176,7 +19602,7 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-show-help-leave {
+ .drip-show-help-leave {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: both;
@@ -18184,27 +19610,27 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-show-help-enter.ant-show-help-enter-active,
- .ant-show-help-appear.ant-show-help-appear-active {
+ .drip-show-help-enter.drip-show-help-enter-active,
+ .drip-show-help-appear.drip-show-help-appear-active {
-webkit-animation-name: antShowHelpIn;
animation-name: antShowHelpIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
- .ant-show-help-leave.ant-show-help-leave-active {
+ .drip-show-help-leave.drip-show-help-leave-active {
-webkit-animation-name: antShowHelpOut;
animation-name: antShowHelpOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
- .ant-show-help-enter,
- .ant-show-help-appear {
+ .drip-show-help-enter,
+ .drip-show-help-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
- .ant-show-help-leave {
+ .drip-show-help-leave {
-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@@ -18300,84 +19726,84 @@
opacity: 1;
}
}
- .ant-form-rtl {
+ .drip-form-rtl {
direction: rtl;
}
- .ant-form-rtl .ant-form-item-label {
+ .drip-form-rtl .drip-form-item-label {
text-align: left;
}
- .ant-form-rtl .ant-form-item-label > label.ant-form-item-required::before {
+ .drip-form-rtl .drip-form-item-label > label.drip-form-item-required::before {
margin-right: 0;
margin-left: 4px;
}
- .ant-form-rtl .ant-form-item-label > label::after {
+ .drip-form-rtl .drip-form-item-label > label::after {
margin: 0 2px 0 8px;
}
- .ant-form-rtl .ant-form-item-label > label .ant-form-item-optional {
+ .drip-form-rtl .drip-form-item-label > label .drip-form-item-optional {
margin-right: 4px;
margin-left: 0;
}
- .ant-col-rtl .ant-form-item-control:first-child {
+ .drip-col-rtl .drip-form-item-control:first-child {
width: 100%;
}
- .ant-form-rtl .ant-form-item-has-feedback .ant-input {
+ .drip-form-rtl .drip-form-item-has-feedback .drip-input {
padding-right: 11px;
padding-left: 24px;
}
- .ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
+ .drip-form-rtl .drip-form-item-has-feedback .drip-input-affix-wrapper .drip-input-suffix {
padding-right: 11px;
padding-left: 18px;
}
- .ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input {
+ .drip-form-rtl .drip-form-item-has-feedback .drip-input-affix-wrapper .drip-input {
padding: 0;
}
- .ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
+ .drip-form-rtl .drip-form-item-has-feedback .drip-input-search:not(.drip-input-search-enter-button) .drip-input-suffix {
right: auto;
left: 28px;
}
- .ant-form-rtl .ant-form-item-has-feedback .ant-input-number {
+ .drip-form-rtl .drip-form-item-has-feedback .drip-input-number {
padding-left: 18px;
}
- .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow,
- .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear,
- .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
- .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear {
+ .drip-form-rtl .drip-form-item-has-feedback > .drip-select .drip-select-arrow,
+ .drip-form-rtl .drip-form-item-has-feedback > .drip-select .drip-select-clear,
+ .drip-form-rtl .drip-form-item-has-feedback :not(.drip-input-group-addon) > .drip-select .drip-select-arrow,
+ .drip-form-rtl .drip-form-item-has-feedback :not(.drip-input-group-addon) > .drip-select .drip-select-clear {
right: auto;
left: 32px;
}
- .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value,
- .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value {
+ .drip-form-rtl .drip-form-item-has-feedback > .drip-select .drip-select-selection-selected-value,
+ .drip-form-rtl .drip-form-item-has-feedback :not(.drip-input-group-addon) > .drip-select .drip-select-selection-selected-value {
padding-right: 0;
padding-left: 42px;
}
- .ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow {
+ .drip-form-rtl .drip-form-item-has-feedback .drip-cascader-picker-arrow {
margin-right: 0;
margin-left: 19px;
}
- .ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear {
+ .drip-form-rtl .drip-form-item-has-feedback .drip-cascader-picker-clear {
right: auto;
left: 32px;
}
- .ant-form-rtl .ant-form-item-has-feedback .ant-picker {
+ .drip-form-rtl .drip-form-item-has-feedback .drip-picker {
padding-right: 11px;
padding-left: 29.2px;
}
- .ant-form-rtl .ant-form-item-has-feedback .ant-picker-large {
+ .drip-form-rtl .drip-form-item-has-feedback .drip-picker-large {
padding-right: 11px;
padding-left: 29.2px;
}
- .ant-form-rtl .ant-form-item-has-feedback .ant-picker-small {
+ .drip-form-rtl .drip-form-item-has-feedback .drip-picker-small {
padding-right: 7px;
padding-left: 25.2px;
}
- .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
- .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
- .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
- .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
+ .drip-form-rtl .drip-form-item-has-feedback.drip-form-item-has-success .drip-form-item-children-icon,
+ .drip-form-rtl .drip-form-item-has-feedback.drip-form-item-has-warning .drip-form-item-children-icon,
+ .drip-form-rtl .drip-form-item-has-feedback.drip-form-item-has-error .drip-form-item-children-icon,
+ .drip-form-rtl .drip-form-item-has-feedback.drip-form-item-is-validating .drip-form-item-children-icon {
right: auto;
left: 0;
}
- .ant-form-rtl.ant-form-inline .ant-form-item {
+ .drip-form-rtl.drip-form-inline .drip-form-item {
margin-right: 0;
margin-left: 16px;
}
@@ -18391,23 +19817,23 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-image {
+ .drip-image {
position: relative;
display: inline-block;
}
- .ant-image-img {
+ .drip-image-img {
display: block;
width: 100%;
height: auto;
}
- .ant-image-img-placeholder {
+ .drip-image-img-placeholder {
background-color: #f5f5f5;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
background-repeat: no-repeat;
background-position: center center;
background-size: 30%;
}
- .ant-image-mask {
+ .drip-image-mask {
position: absolute;
top: 0;
right: 0;
@@ -18422,27 +19848,27 @@
opacity: 0;
transition: opacity 0.3s;
}
- .ant-image-mask-info .anticon {
+ .drip-image-mask-info .dripicon {
-webkit-margin-end: 4px;
margin-inline-end: 4px;
}
- .ant-image-mask:hover {
+ .drip-image-mask:hover {
opacity: 1;
}
- .ant-image-placeholder {
+ .drip-image-placeholder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
- .ant-image-preview {
+ .drip-image-preview {
pointer-events: none;
height: 100%;
text-align: center;
}
- .ant-image-preview.ant-zoom-enter,
- .ant-image-preview.antzoom-appear {
+ .drip-image-preview.drip-zoom-enter,
+ .drip-image-preview.dripzoom-appear {
transform: none;
opacity: 0;
-webkit-animation-duration: 0.3s;
@@ -18452,7 +19878,7 @@
-ms-user-select: none;
user-select: none;
}
- .ant-image-preview-mask {
+ .drip-image-preview-mask {
position: fixed;
top: 0;
right: 0;
@@ -18462,10 +19888,10 @@
height: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
- .ant-image-preview-mask-hidden {
+ .drip-image-preview-mask-hidden {
display: none;
}
- .ant-image-preview-wrap {
+ .drip-image-preview-wrap {
position: fixed;
top: 0;
right: 0;
@@ -18475,7 +19901,7 @@
outline: 0;
-webkit-overflow-scrolling: touch;
}
- .ant-image-preview-body {
+ .drip-image-preview-body {
position: absolute;
top: 0;
right: 0;
@@ -18483,7 +19909,7 @@
left: 0;
overflow: hidden;
}
- .ant-image-preview-img {
+ .drip-image-preview-img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
@@ -18497,7 +19923,7 @@
user-select: none;
pointer-events: auto;
}
- .ant-image-preview-img-wrapper {
+ .drip-image-preview-img-wrapper {
position: absolute;
top: 0;
right: 0;
@@ -18505,28 +19931,28 @@
left: 0;
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
- .ant-image-preview-img-wrapper::before {
+ .drip-image-preview-img-wrapper::before {
display: inline-block;
width: 1px;
height: 50%;
margin-right: -1px;
content: '';
}
- .ant-image-preview-moving .ant-image-preview-img {
+ .drip-image-preview-moving .drip-image-preview-img {
cursor: -webkit-grabbing;
cursor: grabbing;
}
- .ant-image-preview-moving .ant-image-preview-img-wrapper {
+ .drip-image-preview-moving .drip-image-preview-img-wrapper {
transition-duration: 0s;
}
- .ant-image-preview-wrap {
+ .drip-image-preview-wrap {
z-index: 1080;
}
- .ant-image-preview-operations {
+ .drip-image-preview-operations {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -18544,23 +19970,23 @@
background: rgba(0, 0, 0, 0.1);
pointer-events: auto;
}
- .ant-image-preview-operations-operation {
+ .drip-image-preview-operations-operation {
margin-left: 12px;
padding: 12px;
cursor: pointer;
}
- .ant-image-preview-operations-operation-disabled {
+ .drip-image-preview-operations-operation-disabled {
color: rgba(255, 255, 255, 0.25);
pointer-events: none;
}
- .ant-image-preview-operations-operation:last-of-type {
+ .drip-image-preview-operations-operation:last-of-type {
margin-left: 0;
}
- .ant-image-preview-operations-icon {
+ .drip-image-preview-operations-icon {
font-size: 18px;
}
- .ant-image-preview-switch-left,
- .ant-image-preview-switch-right {
+ .drip-image-preview-switch-left,
+ .drip-image-preview-switch-right {
position: absolute;
top: 50%;
right: 10px;
@@ -18577,23 +20003,23 @@
cursor: pointer;
pointer-events: auto;
}
- .ant-image-preview-switch-left-disabled,
- .ant-image-preview-switch-right-disabled {
+ .drip-image-preview-switch-left-disabled,
+ .drip-image-preview-switch-right-disabled {
color: rgba(255, 255, 255, 0.25);
cursor: not-allowed;
}
- .ant-image-preview-switch-left-disabled > .anticon,
- .ant-image-preview-switch-right-disabled > .anticon {
+ .drip-image-preview-switch-left-disabled > .dripicon,
+ .drip-image-preview-switch-right-disabled > .dripicon {
cursor: not-allowed;
}
- .ant-image-preview-switch-left > .anticon,
- .ant-image-preview-switch-right > .anticon {
+ .drip-image-preview-switch-left > .dripicon,
+ .drip-image-preview-switch-right > .dripicon {
font-size: 18px;
}
- .ant-image-preview-switch-left {
+ .drip-image-preview-switch-left {
left: 10px;
}
- .ant-image-preview-switch-right {
+ .drip-image-preview-switch-right {
right: 10px;
}
@@ -18601,7 +20027,7 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-input-number {
+ .drip-input-number {
box-sizing: border-box;
font-variant: tabular-nums;
list-style: none;
@@ -18610,7 +20036,7 @@
width: 100%;
min-width: 0;
padding: 4px 11px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
line-height: 1.5715;
background-color: #fff;
@@ -18623,66 +20049,69 @@
border: 1px solid #d9d9d9;
border-radius: 2px;
}
- .ant-input-number::-moz-placeholder {
+ .drip-input-number::-moz-placeholder {
opacity: 1;
}
- .ant-input-number:-ms-input-placeholder {
+ .drip-input-number:-ms-input-placeholder {
color: #bfbfbf;
}
- .ant-input-number::placeholder {
+ .drip-input-number::placeholder {
color: #bfbfbf;
}
- .ant-input-number:-moz-placeholder-shown {
+ .drip-input-number:-moz-placeholder-shown {
text-overflow: ellipsis;
}
- .ant-input-number:-ms-input-placeholder {
+ .drip-input-number:-ms-input-placeholder {
text-overflow: ellipsis;
}
- .ant-input-number:placeholder-shown {
+ .drip-input-number:placeholder-shown {
text-overflow: ellipsis;
}
- .ant-input-number:hover {
- border-color: #40a9ff;
+ .drip-input-number:hover {
+ border-color: #5789ff;
border-right-width: 1px !important;
}
- .ant-input-number:focus,
- .ant-input-number-focused {
- border-color: #40a9ff;
+ .drip-input-number:focus,
+ .drip-input-number-focused {
+ border-color: #5789ff;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
- .ant-input-number-disabled {
+ .drip-input-number-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
+ border-color: #d9d9d9;
+ box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
- .ant-input-number-disabled:hover {
+ .drip-input-number-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
- .ant-input-number[disabled] {
+ .drip-input-number[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
+ border-color: #d9d9d9;
+ box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
- .ant-input-number[disabled]:hover {
+ .drip-input-number[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
- .ant-input-number.ant-input-number-borderless,
- .ant-input-number.ant-input-number-borderless:hover,
- .ant-input-number.ant-input-number-borderless:focus,
- .ant-input-number.ant-input-number-borderless-focused,
- .ant-input-number.ant-input-number-borderless-disabled,
- .ant-input-number.ant-input-number-borderless[disabled] {
+ .drip-input-number-borderless,
+ .drip-input-number-borderless:hover,
+ .drip-input-number-borderless:focus,
+ .drip-input-number-borderless-focused,
+ .drip-input-number-borderless-disabled,
+ .drip-input-number-borderless[disabled] {
background-color: transparent;
border: none;
box-shadow: none;
}
- textarea.ant-input-number {
+ textarea.drip-input-number {
max-width: 100%;
height: auto;
min-height: 32px;
@@ -18690,14 +20119,14 @@
vertical-align: bottom;
transition: all 0.3s, height 0s;
}
- .ant-input-number-lg {
+ .drip-input-number-lg {
padding: 6.5px 11px;
font-size: 16px;
}
- .ant-input-number-sm {
+ .drip-input-number-sm {
padding: 0px 7px;
}
- .ant-input-number-handler {
+ .drip-input-number-handler {
position: relative;
display: block;
width: 100%;
@@ -18710,15 +20139,15 @@
border-left: 1px solid #d9d9d9;
transition: all 0.1s linear;
}
- .ant-input-number-handler:active {
+ .drip-input-number-handler:active {
background: #f4f4f4;
}
- .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
- .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
- color: #40a9ff;
+ .drip-input-number-handler:hover .drip-input-number-handler-up-inner,
+ .drip-input-number-handler:hover .drip-input-number-handler-down-inner {
+ color: #5789ff;
}
- .ant-input-number-handler-up-inner,
- .ant-input-number-handler-down-inner {
+ .drip-input-number-handler-up-inner,
+ .drip-input-number-handler-down-inner {
display: inline-block;
color: inherit;
font-style: normal;
@@ -18741,58 +20170,59 @@
-ms-user-select: none;
user-select: none;
}
- .ant-input-number-handler-up-inner > *,
- .ant-input-number-handler-down-inner > * {
+ .drip-input-number-handler-up-inner > *,
+ .drip-input-number-handler-down-inner > * {
line-height: 1;
}
- .ant-input-number-handler-up-inner svg,
- .ant-input-number-handler-down-inner svg {
+ .drip-input-number-handler-up-inner svg,
+ .drip-input-number-handler-down-inner svg {
display: inline-block;
}
- .ant-input-number-handler-up-inner::before,
- .ant-input-number-handler-down-inner::before {
+ .drip-input-number-handler-up-inner::before,
+ .drip-input-number-handler-down-inner::before {
display: none;
}
- .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
- .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
- .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
- .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
+ .drip-input-number-handler-up-inner .drip-input-number-handler-up-inner-icon,
+ .drip-input-number-handler-up-inner .drip-input-number-handler-down-inner-icon,
+ .drip-input-number-handler-down-inner .drip-input-number-handler-up-inner-icon,
+ .drip-input-number-handler-down-inner .drip-input-number-handler-down-inner-icon {
display: block;
}
- .ant-input-number:hover {
- border-color: #40a9ff;
+ .drip-input-number:hover {
+ border-color: #5789ff;
border-right-width: 1px !important;
}
- .ant-input-number:hover + .ant-form-item-children-icon {
+ .drip-input-number:hover + .drip-form-item-children-icon {
opacity: 0;
transition: opacity 0.24s linear 0.24s;
}
- .ant-input-number-focused {
- border-color: #40a9ff;
+ .drip-input-number-focused {
+ border-color: #5789ff;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
- .ant-input-number-disabled {
+ .drip-input-number-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
+ border-color: #d9d9d9;
+ box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
- .ant-input-number-disabled:hover {
+ .drip-input-number-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
- .ant-input-number-disabled .ant-input-number-input {
+ .drip-input-number-disabled .drip-input-number-input {
cursor: not-allowed;
}
- .ant-input-number-disabled .ant-input-number-handler-wrap {
+ .drip-input-number-disabled .drip-input-number-handler-wrap {
display: none;
}
- .ant-input-number-readonly .ant-input-number-handler-wrap {
+ .drip-input-number-readonly .drip-input-number-handler-wrap {
display: none;
}
- .ant-input-number-input {
+ .drip-input-number-input {
width: 100%;
height: 30px;
padding: 0 11px;
@@ -18804,44 +20234,44 @@
transition: all 0.3s linear;
-moz-appearance: textfield !important;
}
- .ant-input-number-input::-moz-placeholder {
+ .drip-input-number-input::-moz-placeholder {
opacity: 1;
}
- .ant-input-number-input:-ms-input-placeholder {
+ .drip-input-number-input:-ms-input-placeholder {
color: #bfbfbf;
}
- .ant-input-number-input::placeholder {
+ .drip-input-number-input::placeholder {
color: #bfbfbf;
}
- .ant-input-number-input:-moz-placeholder-shown {
+ .drip-input-number-input:-moz-placeholder-shown {
text-overflow: ellipsis;
}
- .ant-input-number-input:-ms-input-placeholder {
+ .drip-input-number-input:-ms-input-placeholder {
text-overflow: ellipsis;
}
- .ant-input-number-input:placeholder-shown {
+ .drip-input-number-input:placeholder-shown {
text-overflow: ellipsis;
}
- .ant-input-number-input[type='number']::-webkit-inner-spin-button,
- .ant-input-number-input[type='number']::-webkit-outer-spin-button {
+ .drip-input-number-input[type='number']::-webkit-inner-spin-button,
+ .drip-input-number-input[type='number']::-webkit-outer-spin-button {
margin: 0;
-webkit-appearance: none;
}
- .ant-input-number-lg {
+ .drip-input-number-lg {
padding: 0;
font-size: 16px;
}
- .ant-input-number-lg input {
+ .drip-input-number-lg input {
height: 38px;
}
- .ant-input-number-sm {
+ .drip-input-number-sm {
padding: 0;
}
- .ant-input-number-sm input {
+ .drip-input-number-sm input {
height: 22px;
padding: 0 7px;
}
- .ant-input-number-handler-wrap {
+ .drip-input-number-handler-wrap {
position: absolute;
top: 0;
right: 0;
@@ -18852,78 +20282,78 @@
opacity: 0;
transition: opacity 0.24s linear 0.1s;
}
- .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
- .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
+ .drip-input-number-handler-wrap .drip-input-number-handler .drip-input-number-handler-up-inner,
+ .drip-input-number-handler-wrap .drip-input-number-handler .drip-input-number-handler-down-inner {
min-width: auto;
margin-right: 0;
font-size: 7px;
}
- .ant-input-number-borderless .ant-input-number-handler-wrap {
+ .drip-input-number-borderless .drip-input-number-handler-wrap {
border-left-width: 0;
}
- .ant-input-number-handler-wrap:hover .ant-input-number-handler {
+ .drip-input-number-handler-wrap:hover .drip-input-number-handler {
height: 40%;
}
- .ant-input-number:hover .ant-input-number-handler-wrap {
+ .drip-input-number:hover .drip-input-number-handler-wrap {
opacity: 1;
}
- .ant-input-number-handler-up {
+ .drip-input-number-handler-up {
border-top-right-radius: 2px;
cursor: pointer;
}
- .ant-input-number-handler-up-inner {
+ .drip-input-number-handler-up-inner {
top: 50%;
margin-top: -5px;
text-align: center;
}
- .ant-input-number-handler-up:hover {
+ .drip-input-number-handler-up:hover {
height: 60% !important;
}
- .ant-input-number-handler-down {
+ .drip-input-number-handler-down {
top: 0;
border-top: 1px solid #d9d9d9;
border-bottom-right-radius: 2px;
cursor: pointer;
}
- .ant-input-number-handler-down-inner {
+ .drip-input-number-handler-down-inner {
top: 50%;
text-align: center;
transform: translateY(-50%);
}
- .ant-input-number-handler-down:hover {
+ .drip-input-number-handler-down:hover {
height: 60% !important;
}
- .ant-input-number-borderless .ant-input-number-handler-down {
+ .drip-input-number-borderless .drip-input-number-handler-down {
border-top-width: 0;
}
- .ant-input-number-handler-up-disabled,
- .ant-input-number-handler-down-disabled {
+ .drip-input-number-handler-up-disabled,
+ .drip-input-number-handler-down-disabled {
cursor: not-allowed;
}
- .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
- .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
+ .drip-input-number-handler-up-disabled:hover .drip-input-number-handler-up-inner,
+ .drip-input-number-handler-down-disabled:hover .drip-input-number-handler-down-inner {
color: rgba(0, 0, 0, 0.25);
}
- .ant-input-number-borderless {
+ .drip-input-number-borderless {
box-shadow: none;
}
- .ant-input-number-out-of-range input {
- color: #ff4d4f;
+ .drip-input-number-out-of-range input {
+ color: #FF4C4C;
}
- .ant-input-number-rtl {
+ .drip-input-number-rtl {
direction: rtl;
}
- .ant-input-number-rtl .ant-input-number-handler-wrap {
+ .drip-input-number-rtl .drip-input-number-handler-wrap {
right: auto;
left: 0;
border-right: 1px solid #d9d9d9;
border-left: 0;
border-radius: 2px 0 0 2px;
}
- .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
+ .drip-input-number-rtl.drip-input-number-borderless .drip-input-number-handler-wrap {
border-right-width: 0;
}
- .ant-input-number-rtl .ant-input-number-input {
+ .drip-input-number-rtl .drip-input-number-input {
direction: ltr;
text-align: right;
}
@@ -18932,7 +20362,7 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-layout {
+ .drip-layout {
display: flex;
flex: auto;
flex-direction: column;
@@ -18940,61 +20370,61 @@
min-height: 0;
background: #f0f2f5;
}
- .ant-layout,
- .ant-layout * {
+ .drip-layout,
+ .drip-layout * {
box-sizing: border-box;
}
- .ant-layout.ant-layout-has-sider {
+ .drip-layout.drip-layout-has-sider {
flex-direction: row;
}
- .ant-layout.ant-layout-has-sider > .ant-layout,
- .ant-layout.ant-layout-has-sider > .ant-layout-content {
+ .drip-layout.drip-layout-has-sider > .drip-layout,
+ .drip-layout.drip-layout-has-sider > .drip-layout-content {
width: 0;
}
- .ant-layout-header,
- .ant-layout-footer {
+ .drip-layout-header,
+ .drip-layout-footer {
flex: 0 0 auto;
}
- .ant-layout-header {
+ .drip-layout-header {
height: 64px;
padding: 0 50px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
line-height: 64px;
background: #001529;
}
- .ant-layout-footer {
+ .drip-layout-footer {
padding: 24px 50px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
background: #f0f2f5;
}
- .ant-layout-content {
+ .drip-layout-content {
flex: auto;
/* fix firefox can't set height smaller than content on flex item */
min-height: 0;
}
- .ant-layout-sider {
+ .drip-layout-sider {
position: relative;
/* fix firefox can't set width smaller than content on flex item */
min-width: 0;
background: #001529;
transition: all 0.2s;
}
- .ant-layout-sider-children {
+ .drip-layout-sider-children {
height: 100%;
margin-top: -0.1px;
padding-top: 0.1px;
}
- .ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed {
+ .drip-layout-sider-children .drip-menu.drip-menu-inline-collapsed {
width: auto;
}
- .ant-layout-sider-has-trigger {
+ .drip-layout-sider-has-trigger {
padding-bottom: 48px;
}
- .ant-layout-sider-right {
+ .drip-layout-sider-right {
order: 1;
}
- .ant-layout-sider-trigger {
+ .drip-layout-sider-trigger {
position: fixed;
bottom: 0;
z-index: 1;
@@ -19006,10 +20436,10 @@
cursor: pointer;
transition: all 0.2s;
}
- .ant-layout-sider-zero-width > * {
+ .drip-layout-sider-zero-width > * {
overflow: hidden;
}
- .ant-layout-sider-zero-width-trigger {
+ .drip-layout-sider-zero-width-trigger {
position: absolute;
top: 64px;
right: -36px;
@@ -19025,7 +20455,7 @@
cursor: pointer;
transition: background 0.3s ease;
}
- .ant-layout-sider-zero-width-trigger::after {
+ .drip-layout-sider-zero-width-trigger::after {
position: absolute;
top: 0;
right: 0;
@@ -19035,25 +20465,25 @@
transition: all 0.3s;
content: '';
}
- .ant-layout-sider-zero-width-trigger:hover::after {
+ .drip-layout-sider-zero-width-trigger:hover::after {
background: rgba(255, 255, 255, 0.1);
}
- .ant-layout-sider-zero-width-trigger-right {
+ .drip-layout-sider-zero-width-trigger-right {
left: -36px;
border-radius: 2px 0 0 2px;
}
- .ant-layout-sider-light {
+ .drip-layout-sider-light {
background: #fff;
}
- .ant-layout-sider-light .ant-layout-sider-trigger {
- color: rgba(0, 0, 0, 0.85);
+ .drip-layout-sider-light .drip-layout-sider-trigger {
+ color: rgba(0, 0, 0, 0.82);
background: #fff;
}
- .ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
- color: rgba(0, 0, 0, 0.85);
+ .drip-layout-sider-light .drip-layout-sider-zero-width-trigger {
+ color: rgba(0, 0, 0, 0.82);
background: #fff;
}
- .ant-layout-rtl {
+ .drip-layout-rtl {
direction: rtl;
}
@@ -19061,11 +20491,11 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-list {
+ .drip-list {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -19073,86 +20503,131 @@
font-feature-settings: 'tnum';
position: relative;
}
- .ant-list * {
+ .drip-list * {
outline: none;
}
- .ant-list-pagination {
+ .drip-list-pagination {
margin-top: 24px;
text-align: right;
}
- .ant-list-pagination .ant-pagination-options {
+ .drip-list-pagination .drip-pagination-options {
text-align: left;
}
- .ant-list-more {
+ .drip-list-more {
margin-top: 12px;
text-align: center;
}
- .ant-list-more button {
+ .drip-list-more button {
padding-right: 32px;
padding-left: 32px;
}
- .ant-list-spin {
+ .drip-list-spin {
min-height: 40px;
text-align: center;
}
- .ant-list-empty-text {
+ .drip-list-empty-text {
padding: 16px;
color: rgba(0, 0, 0, 0.25);
font-size: 14px;
text-align: center;
}
- .ant-list-items {
+ .drip-list-items {
margin: 0;
padding: 0;
list-style: none;
}
- .ant-list-item {
+ .drip-list-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
+ }
+ .drip-list-item-hoverable:hover {
+ background: #F0F0F0;
+ cursor: pointer;
}
- .ant-list-item-meta {
+ .drip-list-item-meta {
display: flex;
flex: 1;
align-items: flex-start;
max-width: 100%;
}
- .ant-list-item-meta-avatar {
+ .drip-list-item-meta-avatar {
margin-right: 16px;
}
- .ant-list-item-meta-content {
+ .drip-list-item-meta-content {
flex: 1 0;
width: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
}
- .ant-list-item-meta-title {
+ .drip-list-item-meta-title {
margin-bottom: 4px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
line-height: 1.5715;
}
- .ant-list-item-meta-title > a {
- color: rgba(0, 0, 0, 0.85);
+ .drip-list-item-meta-title > a {
+ color: rgba(0, 0, 0, 0.82);
transition: all 0.3s;
}
- .ant-list-item-meta-title > a:hover {
- color: #1890ff;
+ .drip-list-item-meta-title > a:hover {
+ color: #2D64FF;
}
- .ant-list-item-meta-description {
+ .drip-list-item-meta-description {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
line-height: 1.5715;
}
- .ant-list-item-action {
+ .drip-list-item-description {
+ display: flex;
+ flex: 1;
+ align-items: flex-start;
+ max-width: 100%;
+ }
+ .drip-list-item-description-image {
+ margin-right: 16px;
+ }
+ .drip-list-item-description-image img {
+ height: 104px;
+ width: 104px;
+ }
+ .drip-list-item-description-content {
+ flex: 1 0;
+ width: 0;
+ color: rgba(0, 0, 0, 0.82);
+ }
+ .drip-list-item-description-title {
+ margin-bottom: 16px;
+ color: rgba(0, 0, 0, 0.82);
+ font-size: 16px;
+ line-height: 1;
+ }
+ .drip-list-item-description-title > a {
+ color: rgba(0, 0, 0, 0.82);
+ transition: all 0.3s;
+ }
+ .drip-list-item-description-title > a:hover {
+ color: #2D64FF;
+ }
+ .drip-list-item-description-description {
+ color: rgba(0, 0, 0, 0.45);
+ font-size: 14px;
+ line-height: normal;
+ margin-bottom: 16px;
+ }
+ .drip-list-item-description-keywords {
+ color: rgba(0, 0, 0, 0.45);
+ font-size: 12px;
+ }
+ .drip-list-item-action {
flex: 0 0 auto;
margin-left: 48px;
padding: 0;
font-size: 0;
list-style: none;
}
- .ant-list-item-action > li {
+ .drip-list-item-action > li {
position: relative;
display: inline-block;
padding: 0 8px;
@@ -19161,10 +20636,10 @@
line-height: 1.5715;
text-align: center;
}
- .ant-list-item-action > li:first-child {
+ .drip-list-item-action > li:first-child {
padding-left: 0;
}
- .ant-list-item-action-split {
+ .drip-list-item-action-split {
position: absolute;
top: 50%;
right: 0;
@@ -19173,77 +20648,77 @@
margin-top: -7px;
background-color: #f0f0f0;
}
- .ant-list-header {
+ .drip-list-header {
background: transparent;
}
- .ant-list-footer {
+ .drip-list-footer {
background: transparent;
}
- .ant-list-header,
- .ant-list-footer {
+ .drip-list-header,
+ .drip-list-footer {
padding-top: 12px;
padding-bottom: 12px;
}
- .ant-list-empty {
+ .drip-list-empty {
padding: 16px 0;
color: rgba(0, 0, 0, 0.45);
font-size: 12px;
text-align: center;
}
- .ant-list-split .ant-list-item {
+ .drip-list-split .drip-list-item {
border-bottom: 1px solid #f0f0f0;
}
- .ant-list-split .ant-list-item:last-child {
+ .drip-list-split .drip-list-item:last-child {
border-bottom: none;
}
- .ant-list-split .ant-list-header {
+ .drip-list-split .drip-list-header {
border-bottom: 1px solid #f0f0f0;
}
- .ant-list-split.ant-list-empty .ant-list-footer {
+ .drip-list-split.drip-list-empty .drip-list-footer {
border-top: 1px solid #f0f0f0;
}
- .ant-list-loading .ant-list-spin-nested-loading {
+ .drip-list-loading .drip-list-spin-nested-loading {
min-height: 32px;
}
- .ant-list-split.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
+ .drip-list-split.drip-list-something-after-last-item .drip-spin-container > .drip-list-items > .drip-list-item:last-child {
border-bottom: 1px solid #f0f0f0;
}
- .ant-list-lg .ant-list-item {
+ .drip-list-lg .drip-list-item {
padding: 16px 24px;
}
- .ant-list-sm .ant-list-item {
+ .drip-list-sm .drip-list-item {
padding: 8px 16px;
}
- .ant-list-vertical .ant-list-item {
+ .drip-list-vertical .drip-list-item {
align-items: initial;
}
- .ant-list-vertical .ant-list-item-main {
+ .drip-list-vertical .drip-list-item-main {
display: block;
flex: 1;
}
- .ant-list-vertical .ant-list-item-extra {
+ .drip-list-vertical .drip-list-item-extra {
margin-left: 40px;
}
- .ant-list-vertical .ant-list-item-meta {
+ .drip-list-vertical .drip-list-item-meta {
margin-bottom: 16px;
}
- .ant-list-vertical .ant-list-item-meta-title {
+ .drip-list-vertical .drip-list-item-meta-title {
margin-bottom: 12px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 16px;
line-height: 24px;
}
- .ant-list-vertical .ant-list-item-action {
+ .drip-list-vertical .drip-list-item-action {
margin-top: 16px;
margin-left: auto;
}
- .ant-list-vertical .ant-list-item-action > li {
+ .drip-list-vertical .drip-list-item-action > li {
padding: 0 16px;
}
- .ant-list-vertical .ant-list-item-action > li:first-child {
+ .drip-list-vertical .drip-list-item-action > li:first-child {
padding-left: 0;
}
- .ant-list-grid .ant-col > .ant-list-item {
+ .drip-list-grid .drip-col > .drip-list-item {
display: block;
max-width: 100%;
margin-bottom: 16px;
@@ -19251,126 +20726,126 @@
padding-bottom: 0;
border-bottom: none;
}
- .ant-list-item-no-flex {
+ .drip-list-item-no-flex {
display: block;
}
- .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
+ .drip-list:not(.drip-list-vertical) .drip-list-item-no-flex .drip-list-item-action {
float: right;
}
- .ant-list-bordered {
+ .drip-list-bordered {
border: 1px solid #d9d9d9;
border-radius: 2px;
}
- .ant-list-bordered .ant-list-header {
+ .drip-list-bordered .drip-list-header {
padding-right: 24px;
padding-left: 24px;
}
- .ant-list-bordered .ant-list-footer {
+ .drip-list-bordered .drip-list-footer {
padding-right: 24px;
padding-left: 24px;
}
- .ant-list-bordered .ant-list-item {
+ .drip-list-bordered .drip-list-item {
padding-right: 24px;
padding-left: 24px;
}
- .ant-list-bordered .ant-list-pagination {
+ .drip-list-bordered .drip-list-pagination {
margin: 16px 24px;
}
- .ant-list-bordered.ant-list-sm .ant-list-item {
+ .drip-list-bordered.drip-list-sm .drip-list-item {
padding: 8px 16px;
}
- .ant-list-bordered.ant-list-sm .ant-list-header,
- .ant-list-bordered.ant-list-sm .ant-list-footer {
+ .drip-list-bordered.drip-list-sm .drip-list-header,
+ .drip-list-bordered.drip-list-sm .drip-list-footer {
padding: 8px 16px;
}
- .ant-list-bordered.ant-list-lg .ant-list-item {
+ .drip-list-bordered.drip-list-lg .drip-list-item {
padding: 16px 24px;
}
- .ant-list-bordered.ant-list-lg .ant-list-header,
- .ant-list-bordered.ant-list-lg .ant-list-footer {
+ .drip-list-bordered.drip-list-lg .drip-list-header,
+ .drip-list-bordered.drip-list-lg .drip-list-footer {
padding: 16px 24px;
}
@media screen and (max-width: 768px) {
- .ant-list-item-action {
+ .drip-list-item-action {
margin-left: 24px;
}
- .ant-list-vertical .ant-list-item-extra {
+ .drip-list-vertical .drip-list-item-extra {
margin-left: 24px;
}
}
@media screen and (max-width: 576px) {
- .ant-list-item {
+ .drip-list-item {
flex-wrap: wrap;
}
- .ant-list-item-action {
+ .drip-list-item-action {
margin-left: 12px;
}
- .ant-list-vertical .ant-list-item {
+ .drip-list-vertical .drip-list-item {
flex-wrap: wrap-reverse;
}
- .ant-list-vertical .ant-list-item-main {
+ .drip-list-vertical .drip-list-item-main {
min-width: 220px;
}
- .ant-list-vertical .ant-list-item-extra {
+ .drip-list-vertical .drip-list-item-extra {
margin: auto auto 16px;
}
}
- .ant-list-rtl {
+ .drip-list-rtl {
direction: rtl;
text-align: right;
}
- .ant-list-rtl .ReactVirtualized__List .ant-list-item {
+ .drip-list-rtl .ReactVirtualized__List .drip-list-item {
direction: rtl;
}
- .ant-list-rtl .ant-list-pagination {
+ .drip-list-rtl .drip-list-pagination {
text-align: left;
}
- .ant-list-rtl .ant-list-item-meta-avatar {
+ .drip-list-rtl .drip-list-item-meta-avatar {
margin-right: 0;
margin-left: 16px;
}
- .ant-list-rtl .ant-list-item-action {
+ .drip-list-rtl .drip-list-item-action {
margin-right: 48px;
margin-left: 0;
}
- .ant-list.ant-list-rtl .ant-list-item-action > li:first-child {
+ .drip-list.drip-list-rtl .drip-list-item-action > li:first-child {
padding-right: 0;
padding-left: 16px;
}
- .ant-list-rtl .ant-list-item-action-split {
+ .drip-list-rtl .drip-list-item-action-split {
right: auto;
left: 0;
}
- .ant-list-rtl.ant-list-vertical .ant-list-item-extra {
+ .drip-list-rtl.drip-list-vertical .drip-list-item-extra {
margin-right: 40px;
margin-left: 0;
}
- .ant-list-rtl.ant-list-vertical .ant-list-item-action {
+ .drip-list-rtl.drip-list-vertical .drip-list-item-action {
margin-right: auto;
}
- .ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child {
+ .drip-list-rtl .drip-list-vertical .drip-list-item-action > li:first-child {
padding-right: 0;
padding-left: 16px;
}
- .ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
+ .drip-list-rtl .drip-list:not(.drip-list-vertical) .drip-list-item-no-flex .drip-list-item-action {
float: left;
}
@media screen and (max-width: 768px) {
- .ant-list-rtl .ant-list-item-action {
+ .drip-list-rtl .drip-list-item-action {
margin-right: 24px;
margin-left: 0;
}
- .ant-list-rtl .ant-list-vertical .ant-list-item-extra {
+ .drip-list-rtl .drip-list-vertical .drip-list-item-extra {
margin-right: 24px;
margin-left: 0;
}
}
@media screen and (max-width: 576px) {
- .ant-list-rtl .ant-list-item-action {
+ .drip-list-rtl .drip-list-item-action {
margin-right: 22px;
margin-left: 0;
}
- .ant-list-rtl.ant-list-vertical .ant-list-item-extra {
+ .drip-list-rtl.drip-list-vertical .drip-list-item-extra {
margin: auto auto 16px;
}
}
@@ -19379,11 +20854,11 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-spin {
+ .drip-spin {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -19391,21 +20866,21 @@
font-feature-settings: 'tnum';
position: absolute;
display: none;
- color: #1890ff;
+ color: #2D64FF;
text-align: center;
vertical-align: middle;
opacity: 0;
transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
- .ant-spin-spinning {
+ .drip-spin-spinning {
position: static;
display: inline-block;
opacity: 1;
}
- .ant-spin-nested-loading {
+ .drip-spin-nested-loading {
position: relative;
}
- .ant-spin-nested-loading > div > .ant-spin {
+ .drip-spin-nested-loading > div > .drip-spin {
position: absolute;
top: 0;
left: 0;
@@ -19415,45 +20890,45 @@
height: 100%;
max-height: 400px;
}
- .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
+ .drip-spin-nested-loading > div > .drip-spin .drip-spin-dot {
position: absolute;
top: 50%;
left: 50%;
margin: -10px;
}
- .ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
+ .drip-spin-nested-loading > div > .drip-spin .drip-spin-text {
position: absolute;
top: 50%;
width: 100%;
padding-top: 5px;
text-shadow: 0 1px 2px #fff;
}
- .ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
+ .drip-spin-nested-loading > div > .drip-spin.drip-spin-show-text .drip-spin-dot {
margin-top: -20px;
}
- .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
+ .drip-spin-nested-loading > div > .drip-spin-sm .drip-spin-dot {
margin: -7px;
}
- .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
+ .drip-spin-nested-loading > div > .drip-spin-sm .drip-spin-text {
padding-top: 2px;
}
- .ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
+ .drip-spin-nested-loading > div > .drip-spin-sm.drip-spin-show-text .drip-spin-dot {
margin-top: -17px;
}
- .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
+ .drip-spin-nested-loading > div > .drip-spin-lg .drip-spin-dot {
margin: -16px;
}
- .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
+ .drip-spin-nested-loading > div > .drip-spin-lg .drip-spin-text {
padding-top: 11px;
}
- .ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
+ .drip-spin-nested-loading > div > .drip-spin-lg.drip-spin-show-text .drip-spin-dot {
margin-top: -26px;
}
- .ant-spin-container {
+ .drip-spin-container {
position: relative;
transition: opacity 0.3s;
}
- .ant-spin-container::after {
+ .drip-spin-container::after {
position: absolute;
top: 0;
right: 0;
@@ -19469,7 +20944,7 @@
content: '';
pointer-events: none;
}
- .ant-spin-blur {
+ .drip-spin-blur {
clear: both;
overflow: hidden;
opacity: 0.5;
@@ -19479,118 +20954,118 @@
user-select: none;
pointer-events: none;
}
- .ant-spin-blur::after {
+ .drip-spin-blur::after {
opacity: 0.4;
pointer-events: auto;
}
- .ant-spin-tip {
+ .drip-spin-tip {
color: rgba(0, 0, 0, 0.45);
}
- .ant-spin-dot {
+ .drip-spin-dot {
position: relative;
display: inline-block;
font-size: 20px;
width: 1em;
height: 1em;
}
- .ant-spin-dot-item {
+ .drip-spin-dot-item {
position: absolute;
display: block;
width: 9px;
height: 9px;
- background-color: #1890ff;
+ background-color: #2D64FF;
border-radius: 100%;
transform: scale(0.75);
transform-origin: 50% 50%;
opacity: 0.3;
- -webkit-animation: antSpinMove 1s infinite linear alternate;
- animation: antSpinMove 1s infinite linear alternate;
+ -webkit-animation: dripSpinMove 1s infinite linear alternate;
+ animation: dripSpinMove 1s infinite linear alternate;
}
- .ant-spin-dot-item:nth-child(1) {
+ .drip-spin-dot-item:nth-child(1) {
top: 0;
left: 0;
}
- .ant-spin-dot-item:nth-child(2) {
+ .drip-spin-dot-item:nth-child(2) {
top: 0;
right: 0;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
- .ant-spin-dot-item:nth-child(3) {
+ .drip-spin-dot-item:nth-child(3) {
right: 0;
bottom: 0;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
- .ant-spin-dot-item:nth-child(4) {
+ .drip-spin-dot-item:nth-child(4) {
bottom: 0;
left: 0;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
- .ant-spin-dot-spin {
+ .drip-spin-dot-spin {
transform: rotate(45deg);
- -webkit-animation: antRotate 1.2s infinite linear;
- animation: antRotate 1.2s infinite linear;
+ -webkit-animation: dripRotate 1.2s infinite linear;
+ animation: dripRotate 1.2s infinite linear;
}
- .ant-spin-sm .ant-spin-dot {
+ .drip-spin-sm .drip-spin-dot {
font-size: 14px;
}
- .ant-spin-sm .ant-spin-dot i {
+ .drip-spin-sm .drip-spin-dot i {
width: 6px;
height: 6px;
}
- .ant-spin-lg .ant-spin-dot {
+ .drip-spin-lg .drip-spin-dot {
font-size: 32px;
}
- .ant-spin-lg .ant-spin-dot i {
+ .drip-spin-lg .drip-spin-dot i {
width: 14px;
height: 14px;
}
- .ant-spin.ant-spin-show-text .ant-spin-text {
+ .drip-spin.drip-spin-show-text .drip-spin-text {
display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ */
- .ant-spin-blur {
+ .drip-spin-blur {
background: #fff;
opacity: 0.5;
}
}
- @-webkit-keyframes antSpinMove {
+ @-webkit-keyframes dripSpinMove {
to {
opacity: 1;
}
}
- @keyframes antSpinMove {
+ @keyframes dripSpinMove {
to {
opacity: 1;
}
}
- @-webkit-keyframes antRotate {
+ @-webkit-keyframes dripRotate {
to {
transform: rotate(405deg);
}
}
- @keyframes antRotate {
+ @keyframes dripRotate {
to {
transform: rotate(405deg);
}
}
- .ant-spin-rtl {
+ .drip-spin-rtl {
direction: rtl;
}
- .ant-spin-rtl .ant-spin-dot-spin {
+ .drip-spin-rtl .drip-spin-dot-spin {
transform: rotate(-45deg);
- -webkit-animation-name: antRotateRtl;
- animation-name: antRotateRtl;
+ -webkit-animation-name: dripRotateRtl;
+ animation-name: dripRotateRtl;
}
- @-webkit-keyframes antRotateRtl {
+ @-webkit-keyframes dripRotateRtl {
to {
transform: rotate(-405deg);
}
}
- @keyframes antRotateRtl {
+ @keyframes dripRotateRtl {
to {
transform: rotate(-405deg);
}
@@ -19600,24 +21075,24 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-pagination {
+ .drip-pagination {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
}
- .ant-pagination ul,
- .ant-pagination ol {
+ .drip-pagination ul,
+ .drip-pagination ol {
margin: 0;
padding: 0;
list-style: none;
}
- .ant-pagination::after {
+ .drip-pagination::after {
display: block;
clear: both;
height: 0;
@@ -19625,26 +21100,26 @@
visibility: hidden;
content: ' ';
}
- .ant-pagination-total-text {
+ .drip-pagination-total-text {
display: inline-block;
height: 32px;
margin-right: 8px;
line-height: 30px;
vertical-align: middle;
}
- .ant-pagination-item {
+ .drip-pagination-item {
display: inline-block;
min-width: 32px;
height: 32px;
margin-right: 8px;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+ font-family: 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft YaHei', SimSun, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
line-height: 30px;
text-align: center;
vertical-align: middle;
list-style: none;
- background-color: #fff;
- border: 1px solid #d9d9d9;
- border-radius: 2px;
+ background-color: #F5F5F5;
+ border: 1px solid transparent;
+ border-radius: 100%;
outline: 0;
cursor: pointer;
-webkit-user-select: none;
@@ -19652,66 +21127,66 @@
-ms-user-select: none;
user-select: none;
}
- .ant-pagination-item a {
+ .drip-pagination-item a {
display: block;
padding: 0 6px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
transition: none;
}
- .ant-pagination-item a:hover {
+ .drip-pagination-item a:hover {
text-decoration: none;
}
- .ant-pagination-item:focus-visible,
- .ant-pagination-item:hover {
- border-color: #1890ff;
+ .drip-pagination-item:focus-visible,
+ .drip-pagination-item:hover {
+ border-color: #2D64FF;
transition: all 0.3s;
+ border-color: transparent;
+ box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
+ background: #fff;
}
- .ant-pagination-item:focus-visible a,
- .ant-pagination-item:hover a {
- color: #1890ff;
+ .drip-pagination-item:focus-visible a,
+ .drip-pagination-item:hover a {
+ color: #2D64FF;
}
- .ant-pagination-item-active {
+ .drip-pagination-item-active {
font-weight: 500;
background: #fff;
- border-color: #1890ff;
- }
- .ant-pagination-item-active a {
- color: #1890ff;
+ border-color: transparent;
+ box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}
- .ant-pagination-item-active:focus-visible,
- .ant-pagination-item-active:hover {
- border-color: #40a9ff;
+ .drip-pagination-item-active a {
+ color: #2D64FF;
}
- .ant-pagination-item-active:focus-visible a,
- .ant-pagination-item-active:hover a {
- color: #40a9ff;
+ .drip-pagination-item-active:focus-visible a,
+ .drip-pagination-item-active:hover a {
+ color: #5789ff;
}
- .ant-pagination-jump-prev,
- .ant-pagination-jump-next {
+ .drip-pagination-jump-prev,
+ .drip-pagination-jump-next {
outline: 0;
}
- .ant-pagination-jump-prev .ant-pagination-item-container,
- .ant-pagination-jump-next .ant-pagination-item-container {
+ .drip-pagination-jump-prev .drip-pagination-item-container,
+ .drip-pagination-jump-next .drip-pagination-item-container {
position: relative;
}
- .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
- .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
- color: #1890ff;
+ .drip-pagination-jump-prev .drip-pagination-item-container .drip-pagination-item-link-icon,
+ .drip-pagination-jump-next .drip-pagination-item-container .drip-pagination-item-link-icon {
+ color: #2D64FF;
font-size: 12px;
letter-spacing: -1px;
opacity: 0;
transition: all 0.2s;
}
- .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
- .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
+ .drip-pagination-jump-prev .drip-pagination-item-container .drip-pagination-item-link-icon-svg,
+ .drip-pagination-jump-next .drip-pagination-item-container .drip-pagination-item-link-icon-svg {
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
- .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
- .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
+ .drip-pagination-jump-prev .drip-pagination-item-container .drip-pagination-item-ellipsis,
+ .drip-pagination-jump-next .drip-pagination-item-container .drip-pagination-item-ellipsis {
position: absolute;
top: 0;
right: 0;
@@ -19727,123 +21202,126 @@
opacity: 1;
transition: all 0.2s;
}
- .ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,
- .ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon,
- .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
- .ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
+ .drip-pagination-jump-prev:focus-visible .drip-pagination-item-link-icon,
+ .drip-pagination-jump-next:focus-visible .drip-pagination-item-link-icon,
+ .drip-pagination-jump-prev:hover .drip-pagination-item-link-icon,
+ .drip-pagination-jump-next:hover .drip-pagination-item-link-icon {
opacity: 1;
}
- .ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,
- .ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis,
- .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
- .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
+ .drip-pagination-jump-prev:focus-visible .drip-pagination-item-ellipsis,
+ .drip-pagination-jump-next:focus-visible .drip-pagination-item-ellipsis,
+ .drip-pagination-jump-prev:hover .drip-pagination-item-ellipsis,
+ .drip-pagination-jump-next:hover .drip-pagination-item-ellipsis {
opacity: 0;
}
- .ant-pagination-prev,
- .ant-pagination-jump-prev,
- .ant-pagination-jump-next {
+ .drip-pagination-prev,
+ .drip-pagination-jump-prev,
+ .drip-pagination-jump-next {
margin-right: 8px;
}
- .ant-pagination-prev,
- .ant-pagination-next,
- .ant-pagination-jump-prev,
- .ant-pagination-jump-next {
+ .drip-pagination-prev,
+ .drip-pagination-next,
+ .drip-pagination-jump-prev,
+ .drip-pagination-jump-next {
display: inline-block;
min-width: 32px;
height: 32px;
- color: rgba(0, 0, 0, 0.85);
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+ color: rgba(0, 0, 0, 0.82);
+ font-family: 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft YaHei', SimSun, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
line-height: 32px;
text-align: center;
vertical-align: middle;
list-style: none;
- border-radius: 2px;
+ border-radius: 100%;
cursor: pointer;
transition: all 0.3s;
}
- .ant-pagination-prev,
- .ant-pagination-next {
+ .drip-pagination-prev,
+ .drip-pagination-next {
font-family: Arial, Helvetica, sans-serif;
outline: 0;
}
- .ant-pagination-prev button,
- .ant-pagination-next button {
- color: rgba(0, 0, 0, 0.85);
+ .drip-pagination-prev button,
+ .drip-pagination-next button {
+ color: rgba(0, 0, 0, 0.82);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
- .ant-pagination-prev:hover button,
- .ant-pagination-next:hover button {
- border-color: #40a9ff;
+ .drip-pagination-prev:hover button,
+ .drip-pagination-next:hover button {
+ border-color: #5789ff;
}
- .ant-pagination-prev .ant-pagination-item-link,
- .ant-pagination-next .ant-pagination-item-link {
+ .drip-pagination-prev .drip-pagination-item-link,
+ .drip-pagination-next .drip-pagination-item-link {
display: block;
width: 100%;
height: 100%;
padding: 0;
font-size: 12px;
text-align: center;
- background-color: #fff;
- border: 1px solid #d9d9d9;
- border-radius: 2px;
+ background-color: #F5F5F5;
+ border: 1px solid transparent;
+ border-radius: 100%;
outline: none;
transition: all 0.3s;
}
- .ant-pagination-prev:focus-visible .ant-pagination-item-link,
- .ant-pagination-next:focus-visible .ant-pagination-item-link,
- .ant-pagination-prev:hover .ant-pagination-item-link,
- .ant-pagination-next:hover .ant-pagination-item-link {
- color: #1890ff;
- border-color: #1890ff;
+ .drip-pagination-prev:focus-visible .drip-pagination-item-link,
+ .drip-pagination-next:focus-visible .drip-pagination-item-link,
+ .drip-pagination-prev:hover .drip-pagination-item-link,
+ .drip-pagination-next:hover .drip-pagination-item-link {
+ color: #2D64FF;
+ border-color: transparent;
+ box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
+ background: #fff;
}
- .ant-pagination-disabled,
- .ant-pagination-disabled:hover,
- .ant-pagination-disabled:focus-visible {
+ .drip-pagination-disabled,
+ .drip-pagination-disabled:hover,
+ .drip-pagination-disabled:focus-visible {
cursor: not-allowed;
}
- .ant-pagination-disabled .ant-pagination-item-link,
- .ant-pagination-disabled:hover .ant-pagination-item-link,
- .ant-pagination-disabled:focus-visible .ant-pagination-item-link {
+ .drip-pagination-disabled .drip-pagination-item-link,
+ .drip-pagination-disabled:hover .drip-pagination-item-link,
+ .drip-pagination-disabled:focus-visible .drip-pagination-item-link {
color: rgba(0, 0, 0, 0.25);
- border-color: #d9d9d9;
cursor: not-allowed;
+ box-shadow: none;
+ background-color: #F0F0F0;
}
- .ant-pagination-slash {
+ .drip-pagination-slash {
margin: 0 10px 0 5px;
}
- .ant-pagination-options {
+ .drip-pagination-options {
display: inline-block;
margin-left: 16px;
vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
- .ant-pagination-options *::-ms-backdrop,
- .ant-pagination-options {
+ .drip-pagination-options *::-ms-backdrop,
+ .drip-pagination-options {
vertical-align: top;
}
}
- .ant-pagination-options-size-changer.ant-select {
+ .drip-pagination-options-size-changer.drip-select {
display: inline-block;
width: auto;
}
- .ant-pagination-options-quick-jumper {
+ .drip-pagination-options-quick-jumper {
display: inline-block;
height: 32px;
margin-left: 8px;
line-height: 32px;
vertical-align: top;
}
- .ant-pagination-options-quick-jumper input {
+ .drip-pagination-options-quick-jumper input {
position: relative;
display: inline-block;
width: 100%;
min-width: 0;
padding: 4px 11px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
line-height: 1.5715;
background-color: #fff;
@@ -19854,67 +21332,71 @@
width: 50px;
height: 32px;
margin: 0 8px;
+ border-radius: 23px;
}
- .ant-pagination-options-quick-jumper input::-moz-placeholder {
+ .drip-pagination-options-quick-jumper input::-moz-placeholder {
opacity: 1;
}
- .ant-pagination-options-quick-jumper input:-ms-input-placeholder {
+ .drip-pagination-options-quick-jumper input:-ms-input-placeholder {
color: #bfbfbf;
}
- .ant-pagination-options-quick-jumper input::placeholder {
+ .drip-pagination-options-quick-jumper input::placeholder {
color: #bfbfbf;
}
- .ant-pagination-options-quick-jumper input:-moz-placeholder-shown {
+ .drip-pagination-options-quick-jumper input:-moz-placeholder-shown {
text-overflow: ellipsis;
}
- .ant-pagination-options-quick-jumper input:-ms-input-placeholder {
+ .drip-pagination-options-quick-jumper input:-ms-input-placeholder {
text-overflow: ellipsis;
}
- .ant-pagination-options-quick-jumper input:placeholder-shown {
+ .drip-pagination-options-quick-jumper input:placeholder-shown {
text-overflow: ellipsis;
}
- .ant-pagination-options-quick-jumper input:hover {
- border-color: #40a9ff;
+ .drip-pagination-options-quick-jumper input:hover {
+ border-color: #5789ff;
border-right-width: 1px !important;
}
- .ant-pagination-options-quick-jumper input:focus,
- .ant-pagination-options-quick-jumper input-focused {
- border-color: #40a9ff;
+ .drip-pagination-options-quick-jumper input:focus,
+ .drip-pagination-options-quick-jumper input-focused {
+ border-color: #5789ff;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
- .ant-pagination-options-quick-jumper input-disabled {
+ .drip-pagination-options-quick-jumper input-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
+ border-color: #d9d9d9;
+ box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
- .ant-pagination-options-quick-jumper input-disabled:hover {
+ .drip-pagination-options-quick-jumper input-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
- .ant-pagination-options-quick-jumper input[disabled] {
+ .drip-pagination-options-quick-jumper input[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
+ border-color: #d9d9d9;
+ box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
- .ant-pagination-options-quick-jumper input[disabled]:hover {
+ .drip-pagination-options-quick-jumper input[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
- .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless,
- .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless:hover,
- .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless:focus,
- .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless-focused,
- .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless-disabled,
- .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless[disabled] {
+ .drip-pagination-options-quick-jumper input-borderless,
+ .drip-pagination-options-quick-jumper input-borderless:hover,
+ .drip-pagination-options-quick-jumper input-borderless:focus,
+ .drip-pagination-options-quick-jumper input-borderless-focused,
+ .drip-pagination-options-quick-jumper input-borderless-disabled,
+ .drip-pagination-options-quick-jumper input-borderless[disabled] {
background-color: transparent;
border: none;
box-shadow: none;
}
- textarea.ant-pagination-options-quick-jumper input {
+ textarea.drip-pagination-options-quick-jumper input {
max-width: 100%;
height: auto;
min-height: 32px;
@@ -19922,36 +21404,53 @@
vertical-align: bottom;
transition: all 0.3s, height 0s;
}
- .ant-pagination-options-quick-jumper input-lg {
+ .drip-pagination-options-quick-jumper input-lg {
padding: 6.5px 11px;
font-size: 16px;
}
- .ant-pagination-options-quick-jumper input-sm {
+ .drip-pagination-options-quick-jumper input-sm {
padding: 0px 7px;
}
- .ant-pagination-simple .ant-pagination-prev,
- .ant-pagination-simple .ant-pagination-next {
+ .drip-pagination .drip-pagination-options .drip-select .drip-select-selector {
+ border-radius: 40px;
+ border-color: transparent;
+ background-color: #F5F5F5;
+ }
+ .drip-pagination .drip-pagination-options .drip-select.drip-select-focused:not(.drip-select-disabled) .drip-select-selector,
+ .drip-pagination .drip-pagination-options .drip-select:hover .drip-select-selector,
+ .drip-pagination .drip-pagination-options .drip-select:focus-visible .drip-select-selector {
+ border-color: transparent;
+ box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
+ background-color: #fff;
+ }
+ .drip-pagination.drip-pagination-disabled .drip-pagination-options .drip-select .drip-select-selector,
+ .drip-pagination.drip-pagination-disabled .drip-pagination-options .drip-select:hover .drip-select:focus-visible .drip-select-selector {
+ box-shadow: none;
+ background: #f5f5f5;
+ }
+ .drip-pagination-simple .drip-pagination-prev,
+ .drip-pagination-simple .drip-pagination-next {
height: 24px;
line-height: 24px;
vertical-align: top;
}
- .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
- .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
+ .drip-pagination-simple .drip-pagination-prev .drip-pagination-item-link,
+ .drip-pagination-simple .drip-pagination-next .drip-pagination-item-link {
height: 24px;
background-color: transparent;
border: 0;
}
- .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
- .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
+ .drip-pagination-simple .drip-pagination-prev .drip-pagination-item-link::after,
+ .drip-pagination-simple .drip-pagination-next .drip-pagination-item-link::after {
height: 24px;
line-height: 24px;
}
- .ant-pagination-simple .ant-pagination-simple-pager {
+ .drip-pagination-simple .drip-pagination-simple-pager {
display: inline-block;
height: 24px;
margin-right: 8px;
}
- .ant-pagination-simple .ant-pagination-simple-pager input {
+ .drip-pagination-simple .drip-pagination-simple-pager input {
box-sizing: border-box;
height: 100%;
margin-right: 8px;
@@ -19959,158 +21458,242 @@
text-align: center;
background-color: #fff;
border: 1px solid #d9d9d9;
- border-radius: 2px;
+ border-radius: 23px;
outline: none;
transition: border-color 0.3s;
}
- .ant-pagination-simple .ant-pagination-simple-pager input:hover {
- border-color: #1890ff;
+ .drip-pagination-simple .drip-pagination-simple-pager input:hover {
+ border-color: #2D64FF;
}
- .ant-pagination-simple .ant-pagination-simple-pager input[disabled] {
+ .drip-pagination-simple .drip-pagination-simple-pager input[disabled] {
color: rgba(0, 0, 0, 0.25);
- background: #f5f5f5;
+ background: #F0F0F0;
border-color: #d9d9d9;
cursor: not-allowed;
}
- .ant-pagination.mini .ant-pagination-total-text,
- .ant-pagination.mini .ant-pagination-simple-pager {
+ .drip-pagination.mini .drip-pagination-total-text,
+ .drip-pagination.mini .drip-pagination-simple-pager {
height: 24px;
line-height: 24px;
}
- .ant-pagination.mini .ant-pagination-item {
+ .drip-pagination.mini .drip-pagination-item {
min-width: 24px;
height: 24px;
margin: 0;
line-height: 22px;
}
- .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
+ .drip-pagination.mini .drip-pagination-item:not(.drip-pagination-item-active) {
background: transparent;
border-color: transparent;
}
- .ant-pagination.mini .ant-pagination-prev,
- .ant-pagination.mini .ant-pagination-next {
+ .drip-pagination.mini .drip-pagination-prev,
+ .drip-pagination.mini .drip-pagination-next {
min-width: 24px;
height: 24px;
margin: 0;
line-height: 24px;
}
- .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
- .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
+ .drip-pagination.mini .drip-pagination-prev .drip-pagination-item-link,
+ .drip-pagination.mini .drip-pagination-next .drip-pagination-item-link {
background: transparent;
border-color: transparent;
}
- .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after,
- .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after {
+ .drip-pagination.mini .drip-pagination-prev .drip-pagination-item-link::after,
+ .drip-pagination.mini .drip-pagination-next .drip-pagination-item-link::after {
height: 24px;
line-height: 24px;
}
- .ant-pagination.mini .ant-pagination-jump-prev,
- .ant-pagination.mini .ant-pagination-jump-next {
+ .drip-pagination.mini .drip-pagination-jump-prev,
+ .drip-pagination.mini .drip-pagination-jump-next {
height: 24px;
margin-right: 0;
line-height: 24px;
}
- .ant-pagination.mini .ant-pagination-options {
+ .drip-pagination.mini .drip-pagination-options {
margin-left: 2px;
}
- .ant-pagination.mini .ant-pagination-options-size-changer {
+ .drip-pagination.mini .drip-pagination-options-size-changer {
top: 0px;
}
- .ant-pagination.mini .ant-pagination-options-quick-jumper {
+ .drip-pagination.mini .drip-pagination-options-quick-jumper {
height: 24px;
line-height: 24px;
}
- .ant-pagination.mini .ant-pagination-options-quick-jumper input {
+ .drip-pagination.mini .drip-pagination-options-quick-jumper input {
padding: 0px 7px;
width: 44px;
height: 24px;
}
- .ant-pagination.ant-pagination-disabled {
+ .drip-pagination.drip-pagination-disabled {
cursor: not-allowed;
}
- .ant-pagination.ant-pagination-disabled .ant-pagination-item {
- background: #f5f5f5;
- border-color: #d9d9d9;
+ .drip-pagination.drip-pagination-disabled .drip-pagination-item {
+ background: #F0F0F0;
+ border-color: transparent;
cursor: not-allowed;
+ box-shadow: none;
}
- .ant-pagination.ant-pagination-disabled .ant-pagination-item a {
+ .drip-pagination.drip-pagination-disabled .drip-pagination-item a {
color: rgba(0, 0, 0, 0.25);
background: transparent;
border: none;
cursor: not-allowed;
+ box-shadow: none;
}
- .ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
+ .drip-pagination.drip-pagination-disabled .drip-pagination-item-active {
+ box-shadow: none;
background: #e6e6e6;
}
- .ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
+ .drip-pagination.drip-pagination-disabled .drip-pagination-item-active a {
color: rgba(0, 0, 0, 0.25);
}
- .ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
+ .drip-pagination.drip-pagination-disabled .drip-pagination-item-link {
color: rgba(0, 0, 0, 0.25);
- background: #f5f5f5;
- border-color: #d9d9d9;
+ background: #F0F0F0;
+ border-color: transparent;
cursor: not-allowed;
}
- .ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
+ .drip-pagination-simple.drip-pagination.drip-pagination-disabled .drip-pagination-item-link {
background: transparent;
}
- .ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon {
+ .drip-pagination.drip-pagination-disabled .drip-pagination-item-link-icon {
opacity: 0;
}
- .ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis {
+ .drip-pagination.drip-pagination-disabled .drip-pagination-item-ellipsis {
opacity: 1;
}
- .ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager {
+ .drip-pagination.drip-pagination-disabled .drip-pagination-simple-pager {
color: rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 992px) {
- .ant-pagination-item-after-jump-prev,
- .ant-pagination-item-before-jump-next {
+ .drip-pagination-item-after-jump-prev,
+ .drip-pagination-item-before-jump-next {
display: none;
}
}
@media only screen and (max-width: 576px) {
- .ant-pagination-options {
+ .drip-pagination-options {
display: none;
}
}
- .ant-pagination-rtl .ant-pagination-total-text {
+ .drip-pagination-rtl .drip-pagination-total-text {
margin-right: 0;
margin-left: 8px;
}
- .ant-pagination-rtl .ant-pagination-item,
- .ant-pagination-rtl .ant-pagination-prev,
- .ant-pagination-rtl .ant-pagination-jump-prev,
- .ant-pagination-rtl .ant-pagination-jump-next {
+ .drip-pagination-rtl .drip-pagination-item,
+ .drip-pagination-rtl .drip-pagination-prev,
+ .drip-pagination-rtl .drip-pagination-jump-prev,
+ .drip-pagination-rtl .drip-pagination-jump-next {
margin-right: 0;
margin-left: 8px;
}
- .ant-pagination-rtl .ant-pagination-slash {
+ .drip-pagination-rtl .drip-pagination-slash {
margin: 0 5px 0 10px;
}
- .ant-pagination-rtl .ant-pagination-options {
+ .drip-pagination-rtl .drip-pagination-options {
margin-right: 16px;
margin-left: 0;
}
- .ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select {
+ .drip-pagination-rtl .drip-pagination-options .drip-pagination-options-size-changer.drip-select {
margin-right: 0;
margin-left: 8px;
}
- .ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper {
+ .drip-pagination-rtl .drip-pagination-options .drip-pagination-options-quick-jumper {
margin-left: 0;
}
- .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager {
+ .drip-pagination-rtl.drip-pagination-simple .drip-pagination-simple-pager {
margin-right: 0;
margin-left: 8px;
}
- .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input {
+ .drip-pagination-rtl.drip-pagination-simple .drip-pagination-simple-pager input {
margin-right: 0;
margin-left: 8px;
}
- .ant-pagination-rtl.ant-pagination.mini .ant-pagination-options {
+ .drip-pagination-rtl.drip-pagination.mini .drip-pagination-options {
margin-right: 2px;
margin-left: 0;
}
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-item {
+ border-radius: 2px;
+ border: 1px solid #d9d9d9;
+ background-color: #fff;
+ }
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-item:hover,
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-item:focus-visible {
+ border-color: #2D64FF;
+ box-shadow: none;
+ }
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-item-active,
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-item-active:hover,
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-item-active:focus-visible {
+ border-color: #2D64FF;
+ }
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-prev,
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-next,
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-jump-prev,
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-jump-next {
+ border-radius: 2px;
+ }
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-prev .drip-pagination-item-link,
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-next .drip-pagination-item-link {
+ border: 1px solid #d9d9d9;
+ border-radius: 2px;
+ background-color: #fff;
+ }
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-prev:focus-visible .drip-pagination-item-link,
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-prev:hover .drip-pagination-item-link,
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-next:focus-visible .drip-pagination-item-link,
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-next:hover .drip-pagination-item-link {
+ border-color: #2D64FF;
+ box-shadow: none;
+ background-color: #fff;
+ }
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-disabled .drip-pagination-item-link,
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-disabled:hover .drip-pagination-item-link,
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-disabled:focus-visible .drip-pagination-item-link {
+ border-color: #d9d9d9;
+ }
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-options .drip-select .drip-select-selector {
+ border: 1px solid #d9d9d9;
+ border-radius: 2px;
+ background-color: #fff;
+ }
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-options .drip-select.drip-select-focused:not(.drip-select-disabled) .drip-select-selector,
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-options .drip-select:hover .drip-select-selector,
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-options .drip-select:focus-visible .drip-select-selector {
+ border-color: #2D64FF;
+ box-shadow: none;
+ background-color: #fff;
+ }
+ .drip-pagination.drip-pagination-mode-rect .drip-pagination-options-quick-jumper input,
+ .drip-pagination.drip-pagination-mode-rect.drip-pagination-simple .drip-pagination-simple-pager input {
+ border-radius: 2px;
+ }
+ .drip-pagination.drip-pagination-mode-rect.drip-pagination-disabled .drip-pagination-item,
+ .drip-pagination.drip-pagination-mode-rect.drip-pagination-disabled .drip-pagination-item-active,
+ .drip-pagination.drip-pagination-mode-rect.drip-pagination-disabled .drip-pagination-item-link,
+ .drip-pagination.drip-pagination-mode-rect.drip-pagination-disabled .drip-pagination-item-link:hover {
+ color: rgba(0, 0, 0, 0.25);
+ box-shadow: none;
+ border-color: #d9d9d9;
+ background-color: #F5F5F5;
+ }
+ .drip-pagination.drip-pagination-mode-rect.drip-pagination-disabled .drip-pagination-item a,
+ .drip-pagination.drip-pagination-mode-rect.drip-pagination-disabled .drip-pagination-item-active a,
+ .drip-pagination.drip-pagination-mode-rect.drip-pagination-disabled .drip-pagination-item-link a,
+ .drip-pagination.drip-pagination-mode-rect.drip-pagination-disabled .drip-pagination-item-link:hover a {
+ color: rgba(0, 0, 0, 0.25);
+ }
+ .drip-pagination.drip-pagination-mode-rect.drip-pagination-disabled .drip-pagination-item-active {
+ background-color: #e6e6e6;
+ }
+ .drip-pagination.drip-pagination-mode-rect.drip-pagination-disabled .drip-pagination-options .drip-select .drip-select-selector,
+ .drip-pagination.drip-pagination-mode-rect.drip-pagination-disabled .drip-pagination-options .drip-select:hover .drip-select-selector,
+ .drip-pagination.drip-pagination-mode-rect.drip-pagination-disabled .drip-pagination-options .drip-select:focus-visible .drip-select-selector {
+ box-shadow: none;
+ border-color: #d9d9d9;
+ background-color: #F5F5F5;
+ }
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
@@ -20121,7 +21704,7 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-mentions {
+ .drip-mentions {
box-sizing: border-box;
margin: 0;
font-variant: tabular-nums;
@@ -20130,7 +21713,7 @@
width: 100%;
min-width: 0;
padding: 4px 11px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
background-color: #fff;
background-image: none;
@@ -20146,66 +21729,69 @@
white-space: pre-wrap;
vertical-align: bottom;
}
- .ant-mentions::-moz-placeholder {
+ .drip-mentions::-moz-placeholder {
opacity: 1;
}
- .ant-mentions:-ms-input-placeholder {
+ .drip-mentions:-ms-input-placeholder {
color: #bfbfbf;
}
- .ant-mentions::placeholder {
+ .drip-mentions::placeholder {
color: #bfbfbf;
}
- .ant-mentions:-moz-placeholder-shown {
+ .drip-mentions:-moz-placeholder-shown {
text-overflow: ellipsis;
}
- .ant-mentions:-ms-input-placeholder {
+ .drip-mentions:-ms-input-placeholder {
text-overflow: ellipsis;
}
- .ant-mentions:placeholder-shown {
+ .drip-mentions:placeholder-shown {
text-overflow: ellipsis;
}
- .ant-mentions:hover {
- border-color: #40a9ff;
+ .drip-mentions:hover {
+ border-color: #5789ff;
border-right-width: 1px !important;
}
- .ant-mentions:focus,
- .ant-mentions-focused {
- border-color: #40a9ff;
+ .drip-mentions:focus,
+ .drip-mentions-focused {
+ border-color: #5789ff;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
- .ant-mentions-disabled {
+ .drip-mentions-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
+ border-color: #d9d9d9;
+ box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
- .ant-mentions-disabled:hover {
+ .drip-mentions-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
- .ant-mentions[disabled] {
+ .drip-mentions[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
+ border-color: #d9d9d9;
+ box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
- .ant-mentions[disabled]:hover {
+ .drip-mentions[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
- .ant-mentions.ant-mentions-borderless,
- .ant-mentions.ant-mentions-borderless:hover,
- .ant-mentions.ant-mentions-borderless:focus,
- .ant-mentions.ant-mentions-borderless-focused,
- .ant-mentions.ant-mentions-borderless-disabled,
- .ant-mentions.ant-mentions-borderless[disabled] {
+ .drip-mentions-borderless,
+ .drip-mentions-borderless:hover,
+ .drip-mentions-borderless:focus,
+ .drip-mentions-borderless-focused,
+ .drip-mentions-borderless-disabled,
+ .drip-mentions-borderless[disabled] {
background-color: transparent;
border: none;
box-shadow: none;
}
- textarea.ant-mentions {
+ textarea.drip-mentions {
max-width: 100%;
height: auto;
min-height: 32px;
@@ -20213,31 +21799,32 @@
vertical-align: bottom;
transition: all 0.3s, height 0s;
}
- .ant-mentions-lg {
+ .drip-mentions-lg {
padding: 6.5px 11px;
font-size: 16px;
}
- .ant-mentions-sm {
+ .drip-mentions-sm {
padding: 0px 7px;
}
- .ant-mentions-disabled > textarea {
+ .drip-mentions-disabled > textarea {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
+ border-color: #d9d9d9;
+ box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
- .ant-mentions-disabled > textarea:hover {
+ .drip-mentions-disabled > textarea:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
- .ant-mentions-focused {
- border-color: #40a9ff;
+ .drip-mentions-focused {
+ border-color: #5789ff;
border-right-width: 1px !important;
outline: 0;
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
- .ant-mentions > textarea,
- .ant-mentions-measure {
+ .drip-mentions > textarea,
+ .drip-mentions-measure {
min-height: 30px;
margin: 0;
padding: 4px 11px;
@@ -20263,31 +21850,31 @@
-o-tab-size: inherit;
tab-size: inherit;
}
- .ant-mentions > textarea {
+ .drip-mentions > textarea {
width: 100%;
border: none;
outline: none;
resize: none;
}
- .ant-mentions > textarea::-moz-placeholder {
+ .drip-mentions > textarea::-moz-placeholder {
opacity: 1;
}
- .ant-mentions > textarea:-ms-input-placeholder {
+ .drip-mentions > textarea:-ms-input-placeholder {
color: #bfbfbf;
}
- .ant-mentions > textarea::placeholder {
+ .drip-mentions > textarea::placeholder {
color: #bfbfbf;
}
- .ant-mentions > textarea:-moz-placeholder-shown {
+ .drip-mentions > textarea:-moz-placeholder-shown {
text-overflow: ellipsis;
}
- .ant-mentions > textarea:-ms-input-placeholder {
+ .drip-mentions > textarea:-ms-input-placeholder {
text-overflow: ellipsis;
}
- .ant-mentions > textarea:placeholder-shown {
+ .drip-mentions > textarea:placeholder-shown {
text-overflow: ellipsis;
}
- .ant-mentions-measure {
+ .drip-mentions-measure {
position: absolute;
top: 0;
right: 0;
@@ -20297,14 +21884,14 @@
color: transparent;
pointer-events: none;
}
- .ant-mentions-measure > span {
+ .drip-mentions-measure > span {
display: inline-block;
min-height: 1em;
}
- .ant-mentions-dropdown {
+ .drip-mentions-dropdown {
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
@@ -20321,10 +21908,10 @@
outline: none;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
- .ant-mentions-dropdown-hidden {
+ .drip-mentions-dropdown-hidden {
display: none;
}
- .ant-mentions-dropdown-menu {
+ .drip-mentions-dropdown-menu {
max-height: 250px;
margin-bottom: 0;
padding-left: 0;
@@ -20332,13 +21919,13 @@
list-style: none;
outline: none;
}
- .ant-mentions-dropdown-menu-item {
+ .drip-mentions-dropdown-menu-item {
position: relative;
display: block;
min-width: 100px;
padding: 5px 12px;
overflow: hidden;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: normal;
line-height: 1.5715;
white-space: nowrap;
@@ -20346,45 +21933,41 @@
cursor: pointer;
transition: background 0.3s ease;
}
- .ant-mentions-dropdown-menu-item:hover {
+ .drip-mentions-dropdown-menu-item:hover {
background-color: #f5f5f5;
}
- .ant-mentions-dropdown-menu-item:first-child {
+ .drip-mentions-dropdown-menu-item:first-child {
border-radius: 2px 2px 0 0;
}
- .ant-mentions-dropdown-menu-item:last-child {
+ .drip-mentions-dropdown-menu-item:last-child {
border-radius: 0 0 2px 2px;
}
- .ant-mentions-dropdown-menu-item-disabled {
+ .drip-mentions-dropdown-menu-item-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
- .ant-mentions-dropdown-menu-item-disabled:hover {
+ .drip-mentions-dropdown-menu-item-disabled:hover {
color: rgba(0, 0, 0, 0.25);
background-color: #fff;
cursor: not-allowed;
}
- .ant-mentions-dropdown-menu-item-selected {
- color: rgba(0, 0, 0, 0.85);
+ .drip-mentions-dropdown-menu-item-selected {
+ color: rgba(0, 0, 0, 0.82);
font-weight: 600;
background-color: #fafafa;
}
- .ant-mentions-dropdown-menu-item-active {
+ .drip-mentions-dropdown-menu-item-active {
background-color: #f5f5f5;
}
- .ant-mentions-rtl {
+ .drip-mentions-rtl {
direction: rtl;
}
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
- /* stylelint-disable no-duplicate-selectors */
- /* stylelint-disable */
- /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-message {
+ .drip-message {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -20396,44 +21979,42 @@
z-index: 1010;
width: 100%;
pointer-events: none;
+ color: #fff;
}
- .ant-message-notice {
+ .drip-message-notice {
padding: 8px;
text-align: center;
}
- .ant-message-notice-content {
+ .drip-message-notice-content {
display: inline-block;
padding: 10px 16px;
- background: #fff;
- border-radius: 2px;
+ border-radius: 50px;
+ background-color: #2D64FF;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
pointer-events: all;
}
- .ant-message-success .anticon {
- color: #52c41a;
- }
- .ant-message-error .anticon {
- color: #ff4d4f;
- }
- .ant-message-warning .anticon {
- color: #faad14;
- }
- .ant-message-info .anticon,
- .ant-message-loading .anticon {
- color: #1890ff;
- }
- .ant-message .anticon {
+ .drip-message .dripicon {
position: relative;
top: 1px;
margin-right: 8px;
font-size: 16px;
+ color: #fff;
}
- .ant-message-notice.ant-move-up-leave.ant-move-up-leave-active {
+ .drip-message-notice.drip-move-up-leave.drip-move-up-leave-active {
-webkit-animation-name: MessageMoveOut;
animation-name: MessageMoveOut;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
}
+ .drip-message-notice-success .drip-message-notice-content {
+ background-color: #17C574;
+ }
+ .drip-message-notice-warning .drip-message-notice-content {
+ background-color: #FEB00E;
+ }
+ .drip-message-notice-error .drip-message-notice-content {
+ background-color: #FF4C4C;
+ }
@-webkit-keyframes MessageMoveOut {
0% {
max-height: 150px;
@@ -20458,26 +22039,60 @@
opacity: 0;
}
}
- .ant-message-rtl {
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+ /* stylelint-disable no-duplicate-selectors */
+ /* stylelint-disable */
+ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+ .drip-message-rtl {
direction: rtl;
}
- .ant-message-rtl span {
+ .drip-message-rtl span {
direction: rtl;
}
- .ant-message-rtl .anticon {
+ .drip-message-rtl .dripicon {
margin-right: 0;
margin-left: 8px;
}
+ .drip-message-notice.drip-message-mode-rect .drip-message-notice-content {
+ background: #fff;
+ border-radius: 2px;
+ color: rgba(0, 0, 0, 0.82);
+ }
+ .drip-message-notice.drip-message-mode-rect .drip-message-success .dripicon {
+ color: #17C574;
+ }
+ .drip-message-notice.drip-message-mode-rect .drip-message-error .dripicon {
+ color: #FF4C4C;
+ }
+ .drip-message-notice.drip-message-mode-rect .drip-message-warning .dripicon {
+ color: #FEB00E;
+ }
+ .drip-message-notice.drip-message-mode-rect .drip-message-info .dripicon,
+ .drip-message-notice.drip-message-mode-rect .drip-message-loading .dripicon {
+ color: #2D64FF;
+ }
+ @keyframes MessageMoveOut {
+ 0% {
+ max-height: 150px;
+ padding: 8px;
+ opacity: 1;
+ }
+ 100% {
+ max-height: 0;
+ padding: 0;
+ opacity: 0;
+ }
+ }
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-modal {
+ .drip-modal {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -20487,12 +22102,13 @@
position: relative;
top: 100px;
width: auto;
- max-width: calc(100vw - 32px);
+ max-width: 1152px;
+ max-height: 730px;
margin: 0 auto;
padding-bottom: 24px;
}
- .ant-modal.ant-zoom-enter,
- .ant-modal.antzoom-appear {
+ .drip-modal.drip-zoom-enter,
+ .drip-modal.dripzoom-appear {
transform: none;
opacity: 0;
-webkit-animation-duration: 0.3s;
@@ -20502,7 +22118,7 @@
-ms-user-select: none;
user-select: none;
}
- .ant-modal-mask {
+ .drip-modal-mask {
position: fixed;
top: 0;
right: 0;
@@ -20512,10 +22128,10 @@
height: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
- .ant-modal-mask-hidden {
+ .drip-modal-mask-hidden {
display: none;
}
- .ant-modal-wrap {
+ .drip-modal-wrap {
position: fixed;
top: 0;
right: 0;
@@ -20525,27 +22141,27 @@
outline: 0;
-webkit-overflow-scrolling: touch;
}
- .ant-modal-wrap {
+ .drip-modal-wrap {
z-index: 1000;
}
- .ant-modal-title {
+ .drip-modal-title {
margin: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: 500;
font-size: 16px;
line-height: 22px;
word-wrap: break-word;
}
- .ant-modal-content {
+ .drip-modal-content {
position: relative;
background-color: #fff;
background-clip: padding-box;
border: 0;
- border-radius: 2px;
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+ border-radius: 4px;
+ box-shadow: 0px 8px 32px 16px rgba(0, 0, 0, 0.04), 0px 0px 24px rgba(0, 0, 0, 0.12);
pointer-events: auto;
}
- .ant-modal-close {
+ .drip-modal-close {
position: absolute;
top: 0;
right: 0;
@@ -20561,7 +22177,7 @@
cursor: pointer;
transition: color 0.3s;
}
- .ant-modal-close-x {
+ .drip-modal-close-x {
display: block;
width: 56px;
height: 56px;
@@ -20572,154 +22188,152 @@
text-transform: none;
text-rendering: auto;
}
- .ant-modal-close:focus,
- .ant-modal-close:hover {
+ .drip-modal-close:focus,
+ .drip-modal-close:hover {
color: rgba(0, 0, 0, 0.75);
text-decoration: none;
}
- .ant-modal-header {
+ .drip-modal-header {
padding: 16px 24px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
background: #fff;
- border-bottom: 1px solid #f0f0f0;
- border-radius: 2px 2px 0 0;
+ border-radius: 4px 4px 0 0;
}
- .ant-modal-body {
+ .drip-modal-body {
padding: 24px;
font-size: 14px;
line-height: 1.5715;
word-wrap: break-word;
}
- .ant-modal-footer {
- padding: 10px 16px;
+ .drip-modal-footer {
+ padding: 16px 24px;
text-align: right;
background: transparent;
- border-top: 1px solid #f0f0f0;
- border-radius: 0 0 2px 2px;
+ border-radius: 0 0 4px 4px;
}
- .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
+ .drip-modal-footer .drip-btn + .drip-btn:not(.drip-dropdown-trigger) {
margin-bottom: 0;
margin-left: 8px;
}
- .ant-modal-open {
+ .drip-modal-open {
overflow: hidden;
}
- .ant-modal-centered {
+ .drip-modal-centered {
text-align: center;
}
- .ant-modal-centered::before {
+ .drip-modal-centered::before {
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
content: '';
}
- .ant-modal-centered .ant-modal {
+ .drip-modal-centered .drip-modal {
top: 0;
display: inline-block;
text-align: left;
vertical-align: middle;
}
@media (max-width: 767px) {
- .ant-modal {
+ .drip-modal {
max-width: calc(100vw - 16px);
margin: 8px auto;
}
- .ant-modal-centered .ant-modal {
+ .drip-modal-centered .drip-modal {
flex: 1;
}
}
- .ant-modal-confirm .ant-modal-header {
+ .drip-modal-confirm .drip-modal-header {
display: none;
}
- .ant-modal-confirm .ant-modal-body {
+ .drip-modal-confirm .drip-modal-body {
padding: 32px 32px 24px;
}
- .ant-modal-confirm-body-wrapper::before {
+ .drip-modal-confirm-body-wrapper::before {
display: table;
content: '';
}
- .ant-modal-confirm-body-wrapper::after {
+ .drip-modal-confirm-body-wrapper::after {
display: table;
clear: both;
content: '';
}
- .ant-modal-confirm-body .ant-modal-confirm-title {
+ .drip-modal-confirm-body .drip-modal-confirm-title {
display: block;
overflow: hidden;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: 500;
font-size: 16px;
line-height: 1.4;
}
- .ant-modal-confirm-body .ant-modal-confirm-content {
+ .drip-modal-confirm-body .drip-modal-confirm-content {
margin-top: 8px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
}
- .ant-modal-confirm-body > .anticon {
+ .drip-modal-confirm-body > .dripicon {
float: left;
margin-right: 16px;
font-size: 22px;
}
- .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
+ .drip-modal-confirm-body > .dripicon + .drip-modal-confirm-title + .drip-modal-confirm-content {
margin-left: 38px;
}
- .ant-modal-confirm .ant-modal-confirm-btns {
+ .drip-modal-confirm .drip-modal-confirm-btns {
float: right;
margin-top: 24px;
}
- .ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
+ .drip-modal-confirm .drip-modal-confirm-btns .drip-btn + .drip-btn {
margin-bottom: 0;
margin-left: 8px;
}
- .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
- color: #ff4d4f;
+ .drip-modal-confirm-error .drip-modal-confirm-body > .dripicon {
+ color: #FF4C4C;
}
- .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
- .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
- color: #faad14;
+ .drip-modal-confirm-warning .drip-modal-confirm-body > .dripicon,
+ .drip-modal-confirm-confirm .drip-modal-confirm-body > .dripicon {
+ color: #FEB00E;
}
- .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
- color: #1890ff;
+ .drip-modal-confirm-info .drip-modal-confirm-body > .dripicon {
+ color: #2D64FF;
}
- .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
- color: #52c41a;
+ .drip-modal-confirm-success .drip-modal-confirm-body > .dripicon {
+ color: #17C574;
}
- .ant-modal-wrap-rtl {
+ .drip-modal-wrap-rtl {
direction: rtl;
}
- .ant-modal-wrap-rtl .ant-modal-close {
+ .drip-modal-wrap-rtl .drip-modal-close {
right: initial;
left: 0;
}
- .ant-modal-wrap-rtl .ant-modal-footer {
+ .drip-modal-wrap-rtl .drip-modal-footer {
text-align: left;
}
- .ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
+ .drip-modal-wrap-rtl .drip-modal-footer .drip-btn + .drip-btn {
margin-right: 8px;
margin-left: 0;
}
- .ant-modal-wrap-rtl .ant-modal-confirm-body {
+ .drip-modal-wrap-rtl .drip-modal-confirm-body {
direction: rtl;
}
- .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
+ .drip-modal-wrap-rtl .drip-modal-confirm-body > .dripicon {
float: right;
margin-right: 0;
margin-left: 16px;
}
- .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
+ .drip-modal-wrap-rtl .drip-modal-confirm-body > .dripicon + .drip-modal-confirm-title + .drip-modal-confirm-content {
margin-right: 38px;
margin-left: 0;
}
- .ant-modal-wrap-rtl .ant-modal-confirm-btns {
+ .drip-modal-wrap-rtl .drip-modal-confirm-btns {
float: left;
}
- .ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
+ .drip-modal-wrap-rtl .drip-modal-confirm-btns .drip-btn + .drip-btn {
margin-right: 8px;
margin-left: 0;
}
- .ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
+ .drip-modal-wrap-rtl.drip-modal-centered .drip-modal {
text-align: right;
}
@@ -20727,11 +22341,11 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-notification {
+ .drip-notification {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -20741,26 +22355,26 @@
z-index: 1010;
margin-right: 24px;
}
- .ant-notification-topLeft,
- .ant-notification-bottomLeft {
+ .drip-notification-topLeft,
+ .drip-notification-bottomLeft {
margin-right: 0;
margin-left: 24px;
}
- .ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
- .ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
- .ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
- .ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
+ .drip-notification-topLeft .drip-notification-fade-enter.drip-notification-fade-enter-active,
+ .drip-notification-bottomLeft .drip-notification-fade-enter.drip-notification-fade-enter-active,
+ .drip-notification-topLeft .drip-notification-fade-appear.drip-notification-fade-appear-active,
+ .drip-notification-bottomLeft .drip-notification-fade-appear.drip-notification-fade-appear-active {
-webkit-animation-name: NotificationLeftFadeIn;
animation-name: NotificationLeftFadeIn;
}
- .ant-notification-close-icon {
+ .drip-notification-close-icon {
font-size: 14px;
cursor: pointer;
}
- .ant-notification-hook-holder {
+ .drip-notification-hook-holder {
position: relative;
}
- .ant-notification-notice {
+ .drip-notification-notice {
position: relative;
width: 384px;
max-width: calc(100vw - 24px * 2);
@@ -20771,79 +22385,78 @@
line-height: 1.5715;
word-wrap: break-word;
background: #fff;
- border-radius: 2px;
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+ border-radius: 4px;
+ box-shadow: 0px 8px 32px 16px rgba(0, 0, 0, 0.04), 0px 0px 24px rgba(0, 0, 0, 0.12);
}
- .ant-notification-topLeft .ant-notification-notice,
- .ant-notification-bottomLeft .ant-notification-notice {
+ .drip-notification-topLeft .drip-notification-notice,
+ .drip-notification-bottomLeft .drip-notification-notice {
margin-right: auto;
margin-left: 0;
}
- .ant-notification-notice-message {
- margin-bottom: 8px;
- color: rgba(0, 0, 0, 0.85);
+ .drip-notification-notice-message {
+ margin-bottom: 16px;
+ color: rgba(0, 0, 0, 0.82);
font-size: 16px;
line-height: 24px;
}
- .ant-notification-notice-message-single-line-auto-margin {
+ .drip-notification-notice-message-single-line-auto-margin {
display: block;
width: calc(384px - 24px * 2 - 24px - 48px - 100%);
max-width: 4px;
background-color: transparent;
pointer-events: none;
}
- .ant-notification-notice-message-single-line-auto-margin::before {
+ .drip-notification-notice-message-single-line-auto-margin::before {
display: block;
content: '';
}
- .ant-notification-notice-description {
+ .drip-notification-notice-description {
font-size: 14px;
}
- .ant-notification-notice-closable .ant-notification-notice-message {
+ .drip-notification-notice-closable .drip-notification-notice-message {
padding-right: 24px;
}
- .ant-notification-notice-with-icon .ant-notification-notice-message {
+ .drip-notification-notice-with-icon .drip-notification-notice-message {
margin-bottom: 4px;
- margin-left: 48px;
+ margin-left: 32px;
font-size: 16px;
}
- .ant-notification-notice-with-icon .ant-notification-notice-description {
- margin-left: 48px;
+ .drip-notification-notice-with-icon .drip-notification-notice-description {
+ margin-left: 32px;
font-size: 14px;
}
- .ant-notification-notice-icon {
+ .drip-notification-notice-icon {
position: absolute;
- margin-left: 4px;
font-size: 24px;
line-height: 24px;
}
- .anticon.ant-notification-notice-icon-success {
- color: #52c41a;
+ .dripicon.drip-notification-notice-icon-success {
+ color: #17C574;
}
- .anticon.ant-notification-notice-icon-info {
- color: #1890ff;
+ .dripicon.drip-notification-notice-icon-info {
+ color: #2D64FF;
}
- .anticon.ant-notification-notice-icon-warning {
- color: #faad14;
+ .dripicon.drip-notification-notice-icon-warning {
+ color: #FEB00E;
}
- .anticon.ant-notification-notice-icon-error {
- color: #ff4d4f;
+ .dripicon.drip-notification-notice-icon-error {
+ color: #FF4C4C;
}
- .ant-notification-notice-close {
+ .drip-notification-notice-close {
position: absolute;
top: 16px;
right: 22px;
color: rgba(0, 0, 0, 0.45);
outline: none;
}
- .ant-notification-notice-close:hover {
+ .drip-notification-notice-close:hover {
color: rgba(0, 0, 0, 0.67);
}
- .ant-notification-notice-btn {
+ .drip-notification-notice-btn {
float: right;
margin-top: 16px;
}
- .ant-notification .notification-fade-effect {
+ .drip-notification .notification-fade-effect {
-webkit-animation-duration: 0.24s;
animation-duration: 0.24s;
-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
@@ -20851,8 +22464,8 @@
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
- .ant-notification-fade-enter,
- .ant-notification-fade-appear {
+ .drip-notification-fade-enter,
+ .drip-notification-fade-appear {
-webkit-animation-duration: 0.24s;
animation-duration: 0.24s;
-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
@@ -20863,7 +22476,7 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-notification-fade-leave {
+ .drip-notification-fade-leave {
-webkit-animation-duration: 0.24s;
animation-duration: 0.24s;
-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
@@ -20875,14 +22488,14 @@
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
- .ant-notification-fade-enter.ant-notification-fade-enter-active,
- .ant-notification-fade-appear.ant-notification-fade-appear-active {
+ .drip-notification-fade-enter.drip-notification-fade-enter-active,
+ .drip-notification-fade-appear.drip-notification-fade-appear-active {
-webkit-animation-name: NotificationFadeIn;
animation-name: NotificationFadeIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
- .ant-notification-fade-leave.ant-notification-fade-leave-active {
+ .drip-notification-fade-leave.drip-notification-fade-leave-active {
-webkit-animation-name: NotificationFadeOut;
animation-name: NotificationFadeOut;
-webkit-animation-play-state: running;
@@ -20956,30 +22569,30 @@
opacity: 0;
}
}
- .ant-notification-rtl {
+ .drip-notification-rtl {
direction: rtl;
}
- .ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message {
+ .drip-notification-rtl .drip-notification-notice-closable .drip-notification-notice-message {
padding-right: 0;
padding-left: 24px;
}
- .ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message {
+ .drip-notification-rtl .drip-notification-notice-with-icon .drip-notification-notice-message {
margin-right: 48px;
margin-left: 0;
}
- .ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description {
+ .drip-notification-rtl .drip-notification-notice-with-icon .drip-notification-notice-description {
margin-right: 48px;
margin-left: 0;
}
- .ant-notification-rtl .ant-notification-notice-icon {
+ .drip-notification-rtl .drip-notification-notice-icon {
margin-right: 4px;
margin-left: 0;
}
- .ant-notification-rtl .ant-notification-notice-close {
+ .drip-notification-rtl .drip-notification-notice-close {
right: auto;
left: 22px;
}
- .ant-notification-rtl .ant-notification-notice-btn {
+ .drip-notification-rtl .drip-notification-notice-btn {
float: left;
}
@@ -20987,11 +22600,11 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-page-header {
+ .drip-page-header {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -21001,57 +22614,57 @@
padding: 16px 24px;
background-color: #fff;
}
- .ant-page-header-ghost {
+ .drip-page-header-ghost {
background-color: inherit;
}
- .ant-page-header.has-breadcrumb {
+ .drip-page-header.has-breadcrumb {
padding-top: 12px;
}
- .ant-page-header.has-footer {
+ .drip-page-header.has-footer {
padding-bottom: 0;
}
- .ant-page-header-back {
+ .drip-page-header-back {
margin-right: 16px;
font-size: 16px;
line-height: 1;
}
- .ant-page-header-back-button {
- color: #1890ff;
+ .drip-page-header-back-button {
+ color: #2D64FF;
text-decoration: none;
outline: none;
transition: color 0.3s;
color: #000;
cursor: pointer;
}
- .ant-page-header-back-button:focus,
- .ant-page-header-back-button:hover {
- color: #40a9ff;
+ .drip-page-header-back-button:focus,
+ .drip-page-header-back-button:hover {
+ color: #5789ff;
}
- .ant-page-header-back-button:active {
- color: #096dd9;
+ .drip-page-header-back-button:active {
+ color: #1c48d9;
}
- .ant-page-header .ant-divider-vertical {
+ .drip-page-header .drip-divider-vertical {
height: 14px;
margin: 0 12px;
vertical-align: middle;
}
- .ant-breadcrumb + .ant-page-header-heading {
+ .drip-breadcrumb + .drip-page-header-heading {
margin-top: 8px;
}
- .ant-page-header-heading {
+ .drip-page-header-heading {
display: flex;
justify-content: space-between;
}
- .ant-page-header-heading-left {
+ .drip-page-header-heading-left {
display: flex;
align-items: center;
margin: 4px 0;
overflow: hidden;
}
- .ant-page-header-heading-title {
+ .drip-page-header-heading-title {
margin-right: 12px;
margin-bottom: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: 600;
font-size: 20px;
line-height: 32px;
@@ -21059,10 +22672,10 @@
white-space: nowrap;
text-overflow: ellipsis;
}
- .ant-page-header-heading .ant-avatar {
+ .drip-page-header-heading .drip-avatar {
margin-right: 12px;
}
- .ant-page-header-heading-sub-title {
+ .drip-page-header-heading-sub-title {
margin-right: 12px;
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
@@ -21071,72 +22684,72 @@
white-space: nowrap;
text-overflow: ellipsis;
}
- .ant-page-header-heading-extra {
+ .drip-page-header-heading-extra {
margin: 4px 0;
white-space: nowrap;
}
- .ant-page-header-heading-extra > * {
+ .drip-page-header-heading-extra > * {
margin-left: 12px;
white-space: unset;
}
- .ant-page-header-heading-extra > *:first-child {
+ .drip-page-header-heading-extra > *:first-child {
margin-left: 0;
}
- .ant-page-header-content {
+ .drip-page-header-content {
padding-top: 12px;
}
- .ant-page-header-footer {
+ .drip-page-header-footer {
margin-top: 16px;
}
- .ant-page-header-footer .ant-tabs > .ant-tabs-nav {
+ .drip-page-header-footer .drip-tabs > .drip-tabs-nav {
margin: 0;
}
- .ant-page-header-footer .ant-tabs > .ant-tabs-nav::before {
+ .drip-page-header-footer .drip-tabs > .drip-tabs-nav::before {
border: none;
}
- .ant-page-header-footer .ant-tabs .ant-tabs-tab {
+ .drip-page-header-footer .drip-tabs .drip-tabs-tab {
padding-top: 8px;
padding-bottom: 8px;
font-size: 16px;
}
- .ant-page-header-compact .ant-page-header-heading {
+ .drip-page-header-compact .drip-page-header-heading {
flex-wrap: wrap;
}
- .ant-page-header-rtl {
+ .drip-page-header-rtl {
direction: rtl;
}
- .ant-page-header-rtl .ant-page-header-back {
+ .drip-page-header-rtl .drip-page-header-back {
float: right;
margin-right: 0;
margin-left: 16px;
}
- .ant-page-header-rtl .ant-page-header-heading-title {
+ .drip-page-header-rtl .drip-page-header-heading-title {
margin-right: 0;
margin-left: 12px;
}
- .ant-page-header-rtl .ant-page-header-heading .ant-avatar {
+ .drip-page-header-rtl .drip-page-header-heading .drip-avatar {
margin-right: 0;
margin-left: 12px;
}
- .ant-page-header-rtl .ant-page-header-heading-sub-title {
+ .drip-page-header-rtl .drip-page-header-heading-sub-title {
float: right;
margin-right: 0;
margin-left: 12px;
}
- .ant-page-header-rtl .ant-page-header-heading-tags {
+ .drip-page-header-rtl .drip-page-header-heading-tags {
float: right;
}
- .ant-page-header-rtl .ant-page-header-heading-extra {
+ .drip-page-header-rtl .drip-page-header-heading-extra {
float: left;
}
- .ant-page-header-rtl .ant-page-header-heading-extra > * {
+ .drip-page-header-rtl .drip-page-header-heading-extra > * {
margin-right: 12px;
margin-left: 0;
}
- .ant-page-header-rtl .ant-page-header-heading-extra > *:first-child {
+ .drip-page-header-rtl .drip-page-header-heading-extra > *:first-child {
margin-right: 0;
}
- .ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav {
+ .drip-page-header-rtl .drip-page-header-footer .drip-tabs-bar .drip-tabs-nav {
float: right;
}
@@ -21144,7 +22757,7 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-popconfirm {
+ .drip-popconfirm {
z-index: 1060;
}
@@ -21152,11 +22765,11 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-progress {
+ .drip-progress {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -21164,44 +22777,44 @@
font-feature-settings: 'tnum';
display: inline-block;
}
- .ant-progress-line {
+ .drip-progress-line {
position: relative;
width: 100%;
font-size: 14px;
}
- .ant-progress-steps {
+ .drip-progress-steps {
display: inline-block;
}
- .ant-progress-steps-outer {
+ .drip-progress-steps-outer {
display: flex;
flex-direction: row;
align-items: center;
}
- .ant-progress-steps-item {
+ .drip-progress-steps-item {
flex-shrink: 0;
min-width: 2px;
margin-right: 2px;
background: #f3f3f3;
transition: all 0.3s;
}
- .ant-progress-steps-item-active {
- background: #1890ff;
+ .drip-progress-steps-item-active {
+ background: #2D64FF;
}
- .ant-progress-small.ant-progress-line,
- .ant-progress-small.ant-progress-line .ant-progress-text .anticon {
+ .drip-progress-small.drip-progress-line,
+ .drip-progress-small.drip-progress-line .drip-progress-text .dripicon {
font-size: 12px;
}
- .ant-progress-outer {
+ .drip-progress-outer {
display: inline-block;
width: 100%;
margin-right: 0;
padding-right: 0;
}
- .ant-progress-show-info .ant-progress-outer {
+ .drip-progress-show-info .drip-progress-outer {
margin-right: calc(-2em - 8px);
padding-right: calc(2em + 8px);
}
- .ant-progress-inner {
+ .drip-progress-inner {
position: relative;
display: inline-block;
width: 100%;
@@ -21210,34 +22823,34 @@
background-color: #f5f5f5;
border-radius: 100px;
}
- .ant-progress-circle-trail {
+ .drip-progress-circle-trail {
stroke: #f5f5f5;
}
- .ant-progress-circle-path {
- -webkit-animation: ant-progress-appear 0.3s;
- animation: ant-progress-appear 0.3s;
+ .drip-progress-circle-path {
+ -webkit-animation: drip-progress-appear 0.3s;
+ animation: drip-progress-appear 0.3s;
}
- .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
- stroke: #1890ff;
+ .drip-progress-inner:not(.drip-progress-circle-gradient) .drip-progress-circle-path {
+ stroke: #2D64FF;
}
- .ant-progress-success-bg,
- .ant-progress-bg {
+ .drip-progress-success-bg,
+ .drip-progress-bg {
position: relative;
- background-color: #1890ff;
+ background-color: #2D64FF;
border-radius: 100px;
transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
- .ant-progress-success-bg {
+ .drip-progress-success-bg {
position: absolute;
top: 0;
left: 0;
- background-color: #52c41a;
+ background-color: #17C574;
}
- .ant-progress-text {
+ .drip-progress-text {
display: inline-block;
width: 2em;
margin-left: 8px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 1em;
line-height: 1;
white-space: nowrap;
@@ -21245,10 +22858,10 @@
vertical-align: middle;
word-break: normal;
}
- .ant-progress-text .anticon {
+ .drip-progress-text .dripicon {
font-size: 14px;
}
- .ant-progress-status-active .ant-progress-bg::before {
+ .drip-progress-status-active .drip-progress-bg::before {
position: absolute;
top: 0;
right: 0;
@@ -21257,57 +22870,57 @@
background: #fff;
border-radius: 10px;
opacity: 0;
- -webkit-animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
- animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
+ -webkit-animation: drip-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
+ animation: drip-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
content: '';
}
- .ant-progress-status-exception .ant-progress-bg {
- background-color: #ff4d4f;
+ .drip-progress-status-exception .drip-progress-bg {
+ background-color: #FF4C4C;
}
- .ant-progress-status-exception .ant-progress-text {
- color: #ff4d4f;
+ .drip-progress-status-exception .drip-progress-text {
+ color: #FF4C4C;
}
- .ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
- stroke: #ff4d4f;
+ .drip-progress-status-exception .drip-progress-inner:not(.drip-progress-circle-gradient) .drip-progress-circle-path {
+ stroke: #FF4C4C;
}
- .ant-progress-status-success .ant-progress-bg {
- background-color: #52c41a;
+ .drip-progress-status-success .drip-progress-bg {
+ background-color: #17C574;
}
- .ant-progress-status-success .ant-progress-text {
- color: #52c41a;
+ .drip-progress-status-success .drip-progress-text {
+ color: #17C574;
}
- .ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
- stroke: #52c41a;
+ .drip-progress-status-success .drip-progress-inner:not(.drip-progress-circle-gradient) .drip-progress-circle-path {
+ stroke: #17C574;
}
- .ant-progress-circle .ant-progress-inner {
+ .drip-progress-circle .drip-progress-inner {
position: relative;
line-height: 1;
background-color: transparent;
}
- .ant-progress-circle .ant-progress-text {
+ .drip-progress-circle .drip-progress-text {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 1em;
line-height: 1;
white-space: normal;
text-align: center;
transform: translate(-50%, -50%);
}
- .ant-progress-circle .ant-progress-text .anticon {
+ .drip-progress-circle .drip-progress-text .dripicon {
font-size: 1.16666667em;
}
- .ant-progress-circle.ant-progress-status-exception .ant-progress-text {
- color: #ff4d4f;
+ .drip-progress-circle.drip-progress-status-exception .drip-progress-text {
+ color: #FF4C4C;
}
- .ant-progress-circle.ant-progress-status-success .ant-progress-text {
- color: #52c41a;
+ .drip-progress-circle.drip-progress-status-success .drip-progress-text {
+ color: #17C574;
}
- @-webkit-keyframes ant-progress-active {
+ @-webkit-keyframes drip-progress-active {
0% {
transform: translateX(-100%) scaleX(0);
opacity: 0.1;
@@ -21321,7 +22934,7 @@
opacity: 0;
}
}
- @keyframes ant-progress-active {
+ @keyframes drip-progress-active {
0% {
transform: translateX(-100%) scaleX(0);
opacity: 0.1;
@@ -21335,21 +22948,21 @@
opacity: 0;
}
}
- .ant-progress-rtl {
+ .drip-progress-rtl {
direction: rtl;
}
- .ant-progress-rtl.ant-progress-show-info .ant-progress-outer {
+ .drip-progress-rtl.drip-progress-show-info .drip-progress-outer {
margin-right: 0;
margin-left: calc(-2em - 8px);
padding-right: 0;
padding-left: calc(2em + 8px);
}
- .ant-progress-rtl .ant-progress-success-bg {
+ .drip-progress-rtl .drip-progress-success-bg {
right: 0;
left: auto;
}
- .ant-progress-rtl.ant-progress-line .ant-progress-text,
- .ant-progress-rtl.ant-progress-steps .ant-progress-text {
+ .drip-progress-rtl.drip-progress-line .drip-progress-text,
+ .drip-progress-rtl.drip-progress-steps .drip-progress-text {
margin-right: 8px;
margin-left: 0;
text-align: right;
@@ -21359,9 +22972,9 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-rate {
+ .drip-rate {
box-sizing: border-box;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -21369,42 +22982,42 @@
display: inline-block;
margin: 0;
padding: 0;
- color: #fadb14;
+ color: #FFC72C;
font-size: 20px;
line-height: unset;
list-style: none;
outline: none;
}
- .ant-rate-disabled .ant-rate-star {
+ .drip-rate-disabled .drip-rate-star {
cursor: default;
}
- .ant-rate-disabled .ant-rate-star:hover {
+ .drip-rate-disabled .drip-rate-star:hover {
transform: scale(1);
}
- .ant-rate-star {
+ .drip-rate-star {
position: relative;
display: inline-block;
color: inherit;
cursor: pointer;
}
- .ant-rate-star:not(:last-child) {
+ .drip-rate-star:not(:last-child) {
margin-right: 8px;
}
- .ant-rate-star > div {
+ .drip-rate-star > div {
transition: all 0.3s, outline 0s;
}
- .ant-rate-star > div:hover,
- .ant-rate-star > div:focus-visible {
+ .drip-rate-star > div:hover,
+ .drip-rate-star > div:focus-visible {
transform: scale(1.1);
}
- .ant-rate-star > div:focus {
+ .drip-rate-star > div:focus {
outline: 0;
}
- .ant-rate-star > div:focus-visible {
- outline: 1px dashed #fadb14;
+ .drip-rate-star > div:focus-visible {
+ outline: 1px dashed #FFC72C;
}
- .ant-rate-star-first,
- .ant-rate-star-second {
+ .drip-rate-star-first,
+ .drip-rate-star-second {
color: #f0f0f0;
transition: all 0.3s;
-webkit-user-select: none;
@@ -21412,11 +23025,11 @@
-ms-user-select: none;
user-select: none;
}
- .ant-rate-star-first .anticon,
- .ant-rate-star-second .anticon {
+ .drip-rate-star-first .dripicon,
+ .drip-rate-star-second .dripicon {
vertical-align: middle;
}
- .ant-rate-star-first {
+ .drip-rate-star-first {
position: absolute;
top: 0;
left: 0;
@@ -21425,27 +23038,36 @@
overflow: hidden;
opacity: 0;
}
- .ant-rate-star-half .ant-rate-star-first,
- .ant-rate-star-half .ant-rate-star-second {
+ .drip-rate-star-half .drip-rate-star-first,
+ .drip-rate-star-half .drip-rate-star-second {
opacity: 1;
}
- .ant-rate-star-half .ant-rate-star-first,
- .ant-rate-star-full .ant-rate-star-second {
+ .drip-rate-star-half .drip-rate-star-first,
+ .drip-rate-star-full .drip-rate-star-second {
color: inherit;
}
- .ant-rate-text {
+ .drip-rate-text {
display: inline-block;
- margin: 0 8px;
+ margin: 0 8px 0 16px;
font-size: 14px;
}
- .ant-rate-rtl {
+ .drip-rate-tip {
+ display: inline-block;
+ vertical-align: bottom;
+ margin: 0 16px 0 8px;
+ font-size: 32px;
+ color: #FFC72C;
+ line-height: 24px;
+ font-family: 'JDZhengHT-EN', 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft YaHei', SimSun, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+ }
+ .drip-rate-rtl {
direction: rtl;
}
- .ant-rate-rtl .ant-rate-star:not(:last-child) {
+ .drip-rate-rtl .drip-rate-star:not(:last-child) {
margin-right: 0;
margin-left: 8px;
}
- .ant-rate-rtl .ant-rate-star-first {
+ .drip-rate-rtl .drip-rate-star-first {
right: 0;
left: auto;
}
@@ -21454,68 +23076,67 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-result {
+ .drip-result {
padding: 48px 32px;
}
- .ant-result-success .ant-result-icon > .anticon {
- color: #52c41a;
+ .drip-result-success .drip-result-icon > .dripicon {
+ color: #17C574;
}
- .ant-result-error .ant-result-icon > .anticon {
- color: #ff4d4f;
+ .drip-result-error .drip-result-icon > .dripicon {
+ color: #FF4C4C;
}
- .ant-result-info .ant-result-icon > .anticon {
- color: #1890ff;
+ .drip-result-info .drip-result-icon > .dripicon {
+ color: #2D64FF;
}
- .ant-result-warning .ant-result-icon > .anticon {
- color: #faad14;
+ .drip-result-warning .drip-result-icon > .dripicon {
+ color: #FEB00E;
}
- .ant-result-image {
+ .drip-result-image {
width: 250px;
- height: 295px;
margin: auto;
}
- .ant-result-icon {
+ .drip-result-icon {
margin-bottom: 24px;
text-align: center;
}
- .ant-result-icon > .anticon {
+ .drip-result-icon > .dripicon {
font-size: 72px;
}
- .ant-result-title {
- color: rgba(0, 0, 0, 0.85);
+ .drip-result-title {
+ color: rgba(0, 0, 0, 0.82);
font-size: 24px;
line-height: 1.8;
text-align: center;
}
- .ant-result-subtitle {
+ .drip-result-subtitle {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
line-height: 1.6;
text-align: center;
}
- .ant-result-extra {
+ .drip-result-extra {
margin: 24px 0 0 0;
text-align: center;
}
- .ant-result-extra > * {
+ .drip-result-extra > * {
margin-right: 8px;
}
- .ant-result-extra > *:last-child {
+ .drip-result-extra > *:last-child {
margin-right: 0;
}
- .ant-result-content {
+ .drip-result-content {
margin-top: 24px;
padding: 24px 40px;
background-color: #fafafa;
}
- .ant-result-rtl {
+ .drip-result-rtl {
direction: rtl;
}
- .ant-result-rtl .ant-result-extra > * {
+ .drip-result-rtl .drip-result-extra > * {
margin-right: 0;
margin-left: 8px;
}
- .ant-result-rtl .ant-result-extra > *:last-child {
+ .drip-result-rtl .drip-result-extra > *:last-child {
margin-left: 0;
}
@@ -21523,16 +23144,16 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-skeleton {
+ .drip-skeleton {
display: table;
width: 100%;
}
- .ant-skeleton-header {
+ .drip-skeleton-header {
display: table-cell;
padding-right: 16px;
vertical-align: top;
}
- .ant-skeleton-header .ant-skeleton-avatar {
+ .drip-skeleton-header .drip-skeleton-avatar {
display: inline-block;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
@@ -21540,102 +23161,102 @@
height: 32px;
line-height: 32px;
}
- .ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
+ .drip-skeleton-header .drip-skeleton-avatar.drip-skeleton-avatar-circle {
border-radius: 50%;
}
- .ant-skeleton-header .ant-skeleton-avatar-lg {
+ .drip-skeleton-header .drip-skeleton-avatar-lg {
width: 40px;
height: 40px;
line-height: 40px;
}
- .ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
+ .drip-skeleton-header .drip-skeleton-avatar-lg.drip-skeleton-avatar-circle {
border-radius: 50%;
}
- .ant-skeleton-header .ant-skeleton-avatar-sm {
+ .drip-skeleton-header .drip-skeleton-avatar-sm {
width: 24px;
height: 24px;
line-height: 24px;
}
- .ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
+ .drip-skeleton-header .drip-skeleton-avatar-sm.drip-skeleton-avatar-circle {
border-radius: 50%;
}
- .ant-skeleton-content {
+ .drip-skeleton-content {
display: table-cell;
width: 100%;
vertical-align: top;
}
- .ant-skeleton-content .ant-skeleton-title {
+ .drip-skeleton-content .drip-skeleton-title {
width: 100%;
height: 16px;
margin-top: 16px;
background: rgba(190, 190, 190, 0.2);
border-radius: 4px;
}
- .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
+ .drip-skeleton-content .drip-skeleton-title + .drip-skeleton-paragraph {
margin-top: 24px;
}
- .ant-skeleton-content .ant-skeleton-paragraph {
+ .drip-skeleton-content .drip-skeleton-paragraph {
padding: 0;
}
- .ant-skeleton-content .ant-skeleton-paragraph > li {
+ .drip-skeleton-content .drip-skeleton-paragraph > li {
width: 100%;
height: 16px;
list-style: none;
background: rgba(190, 190, 190, 0.2);
border-radius: 4px;
}
- .ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
+ .drip-skeleton-content .drip-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
width: 61%;
}
- .ant-skeleton-content .ant-skeleton-paragraph > li + li {
+ .drip-skeleton-content .drip-skeleton-paragraph > li + li {
margin-top: 16px;
}
- .ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
+ .drip-skeleton-with-avatar .drip-skeleton-content .drip-skeleton-title {
margin-top: 12px;
}
- .ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
+ .drip-skeleton-with-avatar .drip-skeleton-content .drip-skeleton-title + .drip-skeleton-paragraph {
margin-top: 28px;
}
- .ant-skeleton-round .ant-skeleton-content .ant-skeleton-title,
- .ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph > li {
+ .drip-skeleton-round .drip-skeleton-content .drip-skeleton-title,
+ .drip-skeleton-round .drip-skeleton-content .drip-skeleton-paragraph > li {
border-radius: 100px;
}
- .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
- .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
+ .drip-skeleton.drip-skeleton-active .drip-skeleton-content .drip-skeleton-title,
+ .drip-skeleton.drip-skeleton-active .drip-skeleton-content .drip-skeleton-paragraph > li {
background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
background-size: 400% 100%;
- -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
- animation: ant-skeleton-loading 1.4s ease infinite;
+ -webkit-animation: drip-skeleton-loading 1.4s ease infinite;
+ animation: drip-skeleton-loading 1.4s ease infinite;
}
- .ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
+ .drip-skeleton.drip-skeleton-active .drip-skeleton-avatar {
background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
background-size: 400% 100%;
- -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
- animation: ant-skeleton-loading 1.4s ease infinite;
+ -webkit-animation: drip-skeleton-loading 1.4s ease infinite;
+ animation: drip-skeleton-loading 1.4s ease infinite;
}
- .ant-skeleton.ant-skeleton-active .ant-skeleton-button {
+ .drip-skeleton.drip-skeleton-active .drip-skeleton-button {
background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
background-size: 400% 100%;
- -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
- animation: ant-skeleton-loading 1.4s ease infinite;
+ -webkit-animation: drip-skeleton-loading 1.4s ease infinite;
+ animation: drip-skeleton-loading 1.4s ease infinite;
}
- .ant-skeleton.ant-skeleton-active .ant-skeleton-input {
+ .drip-skeleton.drip-skeleton-active .drip-skeleton-input {
background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
background-size: 400% 100%;
- -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
- animation: ant-skeleton-loading 1.4s ease infinite;
+ -webkit-animation: drip-skeleton-loading 1.4s ease infinite;
+ animation: drip-skeleton-loading 1.4s ease infinite;
}
- .ant-skeleton.ant-skeleton-active .ant-skeleton-image {
+ .drip-skeleton.drip-skeleton-active .drip-skeleton-image {
background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
background-size: 400% 100%;
- -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
- animation: ant-skeleton-loading 1.4s ease infinite;
+ -webkit-animation: drip-skeleton-loading 1.4s ease infinite;
+ animation: drip-skeleton-loading 1.4s ease infinite;
}
- .ant-skeleton-element {
+ .drip-skeleton-element {
display: inline-block;
width: auto;
}
- .ant-skeleton-element .ant-skeleton-button {
+ .drip-skeleton-element .drip-skeleton-button {
display: inline-block;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
@@ -21644,38 +23265,38 @@
height: 32px;
line-height: 32px;
}
- .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle {
+ .drip-skeleton-element .drip-skeleton-button.drip-skeleton-button-circle {
width: 32px;
border-radius: 50%;
}
- .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round {
+ .drip-skeleton-element .drip-skeleton-button.drip-skeleton-button-round {
border-radius: 32px;
}
- .ant-skeleton-element .ant-skeleton-button-lg {
+ .drip-skeleton-element .drip-skeleton-button-lg {
width: 80px;
height: 40px;
line-height: 40px;
}
- .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle {
+ .drip-skeleton-element .drip-skeleton-button-lg.drip-skeleton-button-circle {
width: 40px;
border-radius: 50%;
}
- .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round {
+ .drip-skeleton-element .drip-skeleton-button-lg.drip-skeleton-button-round {
border-radius: 40px;
}
- .ant-skeleton-element .ant-skeleton-button-sm {
+ .drip-skeleton-element .drip-skeleton-button-sm {
width: 48px;
height: 24px;
line-height: 24px;
}
- .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle {
+ .drip-skeleton-element .drip-skeleton-button-sm.drip-skeleton-button-circle {
width: 24px;
border-radius: 50%;
}
- .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round {
+ .drip-skeleton-element .drip-skeleton-button-sm.drip-skeleton-button-round {
border-radius: 24px;
}
- .ant-skeleton-element .ant-skeleton-avatar {
+ .drip-skeleton-element .drip-skeleton-avatar {
display: inline-block;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
@@ -21683,26 +23304,26 @@
height: 32px;
line-height: 32px;
}
- .ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle {
+ .drip-skeleton-element .drip-skeleton-avatar.drip-skeleton-avatar-circle {
border-radius: 50%;
}
- .ant-skeleton-element .ant-skeleton-avatar-lg {
+ .drip-skeleton-element .drip-skeleton-avatar-lg {
width: 40px;
height: 40px;
line-height: 40px;
}
- .ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
+ .drip-skeleton-element .drip-skeleton-avatar-lg.drip-skeleton-avatar-circle {
border-radius: 50%;
}
- .ant-skeleton-element .ant-skeleton-avatar-sm {
+ .drip-skeleton-element .drip-skeleton-avatar-sm {
width: 24px;
height: 24px;
line-height: 24px;
}
- .ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
+ .drip-skeleton-element .drip-skeleton-avatar-sm.drip-skeleton-avatar-circle {
border-radius: 50%;
}
- .ant-skeleton-element .ant-skeleton-input {
+ .drip-skeleton-element .drip-skeleton-input {
display: inline-block;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
@@ -21710,17 +23331,17 @@
height: 32px;
line-height: 32px;
}
- .ant-skeleton-element .ant-skeleton-input-lg {
+ .drip-skeleton-element .drip-skeleton-input-lg {
width: 100%;
height: 40px;
line-height: 40px;
}
- .ant-skeleton-element .ant-skeleton-input-sm {
+ .drip-skeleton-element .drip-skeleton-input-sm {
width: 100%;
height: 24px;
line-height: 24px;
}
- .ant-skeleton-element .ant-skeleton-image {
+ .drip-skeleton-element .drip-skeleton-image {
display: flex;
align-items: center;
justify-content: center;
@@ -21730,23 +23351,23 @@
height: 96px;
line-height: 96px;
}
- .ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle {
+ .drip-skeleton-element .drip-skeleton-image.drip-skeleton-image-circle {
border-radius: 50%;
}
- .ant-skeleton-element .ant-skeleton-image-path {
+ .drip-skeleton-element .drip-skeleton-image-path {
fill: #bfbfbf;
}
- .ant-skeleton-element .ant-skeleton-image-svg {
+ .drip-skeleton-element .drip-skeleton-image-svg {
width: 48px;
height: 48px;
line-height: 48px;
max-width: 192px;
max-height: 192px;
}
- .ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle {
+ .drip-skeleton-element .drip-skeleton-image-svg.drip-skeleton-image-circle {
border-radius: 50%;
}
- @-webkit-keyframes ant-skeleton-loading {
+ @-webkit-keyframes drip-skeleton-loading {
0% {
background-position: 100% 50%;
}
@@ -21754,7 +23375,7 @@
background-position: 0 50%;
}
}
- @keyframes ant-skeleton-loading {
+ @keyframes drip-skeleton-loading {
0% {
background-position: 100% 50%;
}
@@ -21762,23 +23383,23 @@
background-position: 0 50%;
}
}
- .ant-skeleton-rtl {
+ .drip-skeleton-rtl {
direction: rtl;
}
- .ant-skeleton-rtl .ant-skeleton-header {
+ .drip-skeleton-rtl .drip-skeleton-header {
padding-right: 0;
padding-left: 16px;
}
- .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
- .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
- -webkit-animation-name: ant-skeleton-loading-rtl;
- animation-name: ant-skeleton-loading-rtl;
+ .drip-skeleton-rtl.drip-skeleton.drip-skeleton-active .drip-skeleton-content .drip-skeleton-title,
+ .drip-skeleton-rtl.drip-skeleton.drip-skeleton-active .drip-skeleton-content .drip-skeleton-paragraph > li {
+ -webkit-animation-name: drip-skeleton-loading-rtl;
+ animation-name: drip-skeleton-loading-rtl;
}
- .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
- -webkit-animation-name: ant-skeleton-loading-rtl;
- animation-name: ant-skeleton-loading-rtl;
+ .drip-skeleton-rtl.drip-skeleton.drip-skeleton-active .drip-skeleton-avatar {
+ -webkit-animation-name: drip-skeleton-loading-rtl;
+ animation-name: drip-skeleton-loading-rtl;
}
- @-webkit-keyframes ant-skeleton-loading-rtl {
+ @-webkit-keyframes drip-skeleton-loading-rtl {
0% {
background-position: 0% 50%;
}
@@ -21786,7 +23407,7 @@
background-position: 100% 50%;
}
}
- @keyframes ant-skeleton-loading-rtl {
+ @keyframes drip-skeleton-loading-rtl {
0% {
background-position: 0% 50%;
}
@@ -21799,11 +23420,11 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-slider {
+ .drip-slider {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -21816,120 +23437,120 @@
cursor: pointer;
touch-action: none;
}
- .ant-slider-vertical {
+ .drip-slider-vertical {
width: 12px;
height: 100%;
margin: 6px 10px;
padding: 0 4px;
}
- .ant-slider-vertical .ant-slider-rail {
+ .drip-slider-vertical .drip-slider-rail {
width: 4px;
height: 100%;
}
- .ant-slider-vertical .ant-slider-track {
+ .drip-slider-vertical .drip-slider-track {
width: 4px;
}
- .ant-slider-vertical .ant-slider-handle {
+ .drip-slider-vertical .drip-slider-handle {
margin-top: -6px;
margin-left: -5px;
}
- .ant-slider-vertical .ant-slider-mark {
+ .drip-slider-vertical .drip-slider-mark {
top: 0;
left: 12px;
width: 18px;
height: 100%;
}
- .ant-slider-vertical .ant-slider-mark-text {
+ .drip-slider-vertical .drip-slider-mark-text {
left: 4px;
white-space: nowrap;
}
- .ant-slider-vertical .ant-slider-step {
+ .drip-slider-vertical .drip-slider-step {
width: 4px;
height: 100%;
}
- .ant-slider-vertical .ant-slider-dot {
+ .drip-slider-vertical .drip-slider-dot {
top: auto;
left: 2px;
margin-bottom: -4px;
}
- .ant-slider-tooltip .ant-tooltip-inner {
+ .drip-slider-tooltip .drip-tooltip-inner {
min-width: unset;
}
- .ant-slider-rtl.ant-slider-vertical .ant-slider-handle {
+ .drip-slider-rtl.drip-slider-vertical .drip-slider-handle {
margin-right: -5px;
margin-left: 0;
}
- .ant-slider-rtl.ant-slider-vertical .ant-slider-mark {
+ .drip-slider-rtl.drip-slider-vertical .drip-slider-mark {
right: 12px;
left: auto;
}
- .ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text {
+ .drip-slider-rtl.drip-slider-vertical .drip-slider-mark-text {
right: 4px;
left: auto;
}
- .ant-slider-rtl.ant-slider-vertical .ant-slider-dot {
+ .drip-slider-rtl.drip-slider-vertical .drip-slider-dot {
right: 2px;
left: auto;
}
- .ant-slider-with-marks {
+ .drip-slider-with-marks {
margin-bottom: 28px;
}
- .ant-slider-rail {
+ .drip-slider-rail {
position: absolute;
width: 100%;
height: 4px;
- background-color: #f5f5f5;
- border-radius: 2px;
+ background-color: #F0F0F0;
+ border-radius: 10px;
transition: background-color 0.3s;
}
- .ant-slider-track {
+ .drip-slider-track {
position: absolute;
height: 4px;
- background-color: #91d5ff;
- border-radius: 2px;
+ background-color: #2D64FF;
+ border-radius: 10px;
transition: background-color 0.3s;
}
- .ant-slider-handle {
+ .drip-slider-handle {
position: absolute;
width: 14px;
height: 14px;
margin-top: -5px;
background-color: #fff;
- border: solid 2px #91d5ff;
+ border: solid 2px #2D64FF;
border-radius: 50%;
- box-shadow: 0;
+ box-shadow: 0px 8px 24px 8px rgba(0, 0, 0, 0.04), 0px 0px 16px rgba(0, 0, 0, 0.08);
cursor: pointer;
transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
- .ant-slider-handle-dragging.ant-slider-handle-dragging.ant-slider-handle-dragging {
- border-color: #46a6ff;
- box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12);
+ .drip-slider-handle-dragging.drip-slider-handle-dragging.drip-slider-handle-dragging {
+ border-color: #5783ff;
+ box-shadow: 0 0 0 5px rgba(45, 100, 255, 0.12);
}
- .ant-slider-handle:focus {
- border-color: #46a6ff;
+ .drip-slider-handle:focus {
+ border-color: #5783ff;
outline: none;
- box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12);
+ box-shadow: 0 0 0 5px rgba(45, 100, 255, 0.12);
}
- .ant-slider-handle.ant-tooltip-open {
- border-color: #1890ff;
+ .drip-slider-handle.drip-tooltip-open {
+ border-color: #2D64FF;
}
- .ant-slider:hover .ant-slider-rail {
+ .drip-slider:hover .drip-slider-rail {
background-color: #e1e1e1;
}
- .ant-slider:hover .ant-slider-track {
- background-color: #69c0ff;
+ .drip-slider:hover .drip-slider-track {
+ background-color: #1c48d9;
}
- .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
- border-color: #69c0ff;
+ .drip-slider:hover .drip-slider-handle:not(.drip-tooltip-open) {
+ border-color: #1c48d9;
}
- .ant-slider-mark {
+ .drip-slider-mark {
position: absolute;
top: 14px;
left: 0;
width: 100%;
font-size: 14px;
}
- .ant-slider-mark-text {
+ .drip-slider-mark-text {
position: absolute;
display: inline-block;
color: rgba(0, 0, 0, 0.45);
@@ -21941,16 +23562,16 @@
-ms-user-select: none;
user-select: none;
}
- .ant-slider-mark-text-active {
- color: rgba(0, 0, 0, 0.85);
+ .drip-slider-mark-text-active {
+ color: rgba(0, 0, 0, 0.82);
}
- .ant-slider-step {
+ .drip-slider-step {
position: absolute;
width: 100%;
height: 4px;
background: transparent;
}
- .ant-slider-dot {
+ .drip-slider-dot {
position: absolute;
top: -2px;
width: 8px;
@@ -21961,48 +23582,48 @@
border-radius: 50%;
cursor: pointer;
}
- .ant-slider-dot:first-child {
+ .drip-slider-dot:first-child {
margin-left: -4px;
}
- .ant-slider-dot:last-child {
+ .drip-slider-dot:last-child {
margin-left: -4px;
}
- .ant-slider-dot-active {
- border-color: #8cc8ff;
+ .drip-slider-dot-active {
+ border-color: #96b2ff;
}
- .ant-slider-disabled {
+ .drip-slider-disabled {
cursor: not-allowed;
}
- .ant-slider-disabled .ant-slider-track {
+ .drip-slider-disabled .drip-slider-track {
background-color: rgba(0, 0, 0, 0.25) !important;
}
- .ant-slider-disabled .ant-slider-handle,
- .ant-slider-disabled .ant-slider-dot {
+ .drip-slider-disabled .drip-slider-handle,
+ .drip-slider-disabled .drip-slider-dot {
background-color: #fff;
border-color: rgba(0, 0, 0, 0.25) !important;
box-shadow: none;
cursor: not-allowed;
}
- .ant-slider-disabled .ant-slider-mark-text,
- .ant-slider-disabled .ant-slider-dot {
+ .drip-slider-disabled .drip-slider-mark-text,
+ .drip-slider-disabled .drip-slider-dot {
cursor: not-allowed !important;
}
- .ant-slider-rtl {
+ .drip-slider-rtl {
direction: rtl;
}
- .ant-slider-rtl .ant-slider-mark {
+ .drip-slider-rtl .drip-slider-mark {
right: 0;
left: auto;
}
- .ant-slider-rtl .ant-slider-dot {
+ .drip-slider-rtl .drip-slider-dot {
margin-right: -4px;
margin-left: 0;
}
- .ant-slider-rtl .ant-slider-dot:first-child {
+ .drip-slider-rtl .drip-slider-dot:first-child {
margin-right: -4px;
margin-left: 0;
}
- .ant-slider-rtl .ant-slider-dot:last-child {
+ .drip-slider-rtl .drip-slider-dot:last-child {
margin-right: -4px;
margin-left: 0;
}
@@ -22011,28 +23632,28 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-space {
+ .drip-space {
display: inline-flex;
}
- .ant-space-vertical {
+ .drip-space-vertical {
flex-direction: column;
}
- .ant-space-align-center {
+ .drip-space-align-center {
align-items: center;
}
- .ant-space-align-start {
+ .drip-space-align-start {
align-items: flex-start;
}
- .ant-space-align-end {
+ .drip-space-align-end {
align-items: flex-end;
}
- .ant-space-align-baseline {
+ .drip-space-align-baseline {
align-items: baseline;
}
- .ant-space-item:empty {
+ .drip-space-item:empty {
display: none;
}
- .ant-space-rtl {
+ .drip-space-rtl {
direction: rtl;
}
@@ -22040,49 +23661,49 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-statistic {
+ .drip-statistic {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
}
- .ant-statistic-title {
+ .drip-statistic-title {
margin-bottom: 4px;
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
}
- .ant-statistic-content {
- color: rgba(0, 0, 0, 0.85);
+ .drip-statistic-content {
+ color: rgba(0, 0, 0, 0.82);
font-size: 24px;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+ font-family: 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft YaHei', SimSun, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
- .ant-statistic-content-value {
+ .drip-statistic-content-value {
display: inline-block;
direction: ltr;
}
- .ant-statistic-content-prefix,
- .ant-statistic-content-suffix {
+ .drip-statistic-content-prefix,
+ .drip-statistic-content-suffix {
display: inline-block;
}
- .ant-statistic-content-prefix {
+ .drip-statistic-content-prefix {
margin-right: 4px;
}
- .ant-statistic-content-suffix {
+ .drip-statistic-content-suffix {
margin-left: 4px;
}
- .ant-statistic-rtl {
+ .drip-statistic-rtl {
direction: rtl;
}
- .ant-statistic-rtl .ant-statistic-content-prefix {
+ .drip-statistic-rtl .drip-statistic-content-prefix {
margin-right: 0;
margin-left: 4px;
}
- .ant-statistic-rtl .ant-statistic-content-suffix {
+ .drip-statistic-rtl .drip-statistic-content-suffix {
margin-right: 4px;
margin-left: 0;
}
@@ -22091,11 +23712,11 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-steps {
+ .drip-steps {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -22106,54 +23727,54 @@
font-size: 0;
text-align: initial;
}
- .ant-steps-item {
+ .drip-steps-item {
position: relative;
display: inline-block;
flex: 1;
overflow: hidden;
vertical-align: top;
}
- .ant-steps-item-container {
+ .drip-steps-item-container {
outline: none;
}
- .ant-steps-item:last-child {
+ .drip-steps-item:last-child {
flex: none;
}
- .ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
- .ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
+ .drip-steps-item:last-child > .drip-steps-item-container > .drip-steps-item-tail,
+ .drip-steps-item:last-child > .drip-steps-item-container > .drip-steps-item-content > .drip-steps-item-title::after {
display: none;
}
- .ant-steps-item-icon,
- .ant-steps-item-content {
+ .drip-steps-item-icon,
+ .drip-steps-item-content {
display: inline-block;
vertical-align: top;
}
- .ant-steps-item-icon {
+ .drip-steps-item-icon {
width: 32px;
height: 32px;
margin: 0 8px 0 0;
font-size: 16px;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+ font-family: 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft YaHei', SimSun, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
line-height: 32px;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 32px;
transition: background-color 0.3s, border-color 0.3s;
}
- .ant-steps-item-icon .ant-steps-icon {
+ .drip-steps-item-icon .drip-steps-icon {
position: relative;
top: -0.5px;
- color: #1890ff;
+ color: #2D64FF;
line-height: 1;
}
- .ant-steps-item-tail {
+ .drip-steps-item-tail {
position: absolute;
top: 12px;
left: 0;
width: 100%;
padding: 0 10px;
}
- .ant-steps-item-tail::after {
+ .drip-steps-item-tail::after {
display: inline-block;
width: 100%;
height: 1px;
@@ -22162,15 +23783,15 @@
transition: background 0.3s;
content: '';
}
- .ant-steps-item-title {
+ .drip-steps-item-title {
position: relative;
display: inline-block;
padding-right: 16px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 16px;
line-height: 32px;
}
- .ant-steps-item-title::after {
+ .drip-steps-item-title::after {
position: absolute;
top: 16px;
left: 100%;
@@ -22180,163 +23801,163 @@
background: #f0f0f0;
content: '';
}
- .ant-steps-item-subtitle {
+ .drip-steps-item-subtitle {
display: inline;
margin-left: 8px;
color: rgba(0, 0, 0, 0.45);
font-weight: normal;
font-size: 14px;
}
- .ant-steps-item-description {
+ .drip-steps-item-description {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
}
- .ant-steps-item-wait .ant-steps-item-icon {
+ .drip-steps-item-wait .drip-steps-item-icon {
background-color: #fff;
border-color: rgba(0, 0, 0, 0.25);
}
- .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
+ .drip-steps-item-wait .drip-steps-item-icon > .drip-steps-icon {
color: rgba(0, 0, 0, 0.25);
}
- .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
+ .drip-steps-item-wait .drip-steps-item-icon > .drip-steps-icon .drip-steps-icon-dot {
background: rgba(0, 0, 0, 0.25);
}
- .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
+ .drip-steps-item-wait > .drip-steps-item-container > .drip-steps-item-content > .drip-steps-item-title {
color: rgba(0, 0, 0, 0.45);
}
- .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
+ .drip-steps-item-wait > .drip-steps-item-container > .drip-steps-item-content > .drip-steps-item-title::after {
background-color: #f0f0f0;
}
- .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
+ .drip-steps-item-wait > .drip-steps-item-container > .drip-steps-item-content > .drip-steps-item-description {
color: rgba(0, 0, 0, 0.45);
}
- .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
+ .drip-steps-item-wait > .drip-steps-item-container > .drip-steps-item-tail::after {
background-color: #f0f0f0;
}
- .ant-steps-item-process .ant-steps-item-icon {
+ .drip-steps-item-process .drip-steps-item-icon {
background-color: #fff;
- border-color: #1890ff;
+ border-color: #2D64FF;
}
- .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
- color: #1890ff;
+ .drip-steps-item-process .drip-steps-item-icon > .drip-steps-icon {
+ color: #2D64FF;
}
- .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
- background: #1890ff;
+ .drip-steps-item-process .drip-steps-item-icon > .drip-steps-icon .drip-steps-icon-dot {
+ background: #2D64FF;
}
- .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
- color: rgba(0, 0, 0, 0.85);
+ .drip-steps-item-process > .drip-steps-item-container > .drip-steps-item-content > .drip-steps-item-title {
+ color: rgba(0, 0, 0, 0.82);
}
- .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
+ .drip-steps-item-process > .drip-steps-item-container > .drip-steps-item-content > .drip-steps-item-title::after {
background-color: #f0f0f0;
}
- .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
- color: rgba(0, 0, 0, 0.85);
+ .drip-steps-item-process > .drip-steps-item-container > .drip-steps-item-content > .drip-steps-item-description {
+ color: rgba(0, 0, 0, 0.82);
}
- .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
+ .drip-steps-item-process > .drip-steps-item-container > .drip-steps-item-tail::after {
background-color: #f0f0f0;
}
- .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
- background: #1890ff;
+ .drip-steps-item-process > .drip-steps-item-container > .drip-steps-item-icon {
+ background: #2D64FF;
}
- .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon .ant-steps-icon {
+ .drip-steps-item-process > .drip-steps-item-container > .drip-steps-item-icon .drip-steps-icon {
color: #fff;
}
- .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-title {
+ .drip-steps-item-process > .drip-steps-item-container > .drip-steps-item-title {
font-weight: 500;
}
- .ant-steps-item-finish .ant-steps-item-icon {
+ .drip-steps-item-finish .drip-steps-item-icon {
background-color: #fff;
- border-color: #1890ff;
+ border-color: #2D64FF;
}
- .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
- color: #1890ff;
+ .drip-steps-item-finish .drip-steps-item-icon > .drip-steps-icon {
+ color: #2D64FF;
}
- .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
- background: #1890ff;
+ .drip-steps-item-finish .drip-steps-item-icon > .drip-steps-icon .drip-steps-icon-dot {
+ background: #2D64FF;
}
- .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
- color: rgba(0, 0, 0, 0.85);
+ .drip-steps-item-finish > .drip-steps-item-container > .drip-steps-item-content > .drip-steps-item-title {
+ color: rgba(0, 0, 0, 0.82);
}
- .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
- background-color: #1890ff;
+ .drip-steps-item-finish > .drip-steps-item-container > .drip-steps-item-content > .drip-steps-item-title::after {
+ background-color: #2D64FF;
}
- .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
+ .drip-steps-item-finish > .drip-steps-item-container > .drip-steps-item-content > .drip-steps-item-description {
color: rgba(0, 0, 0, 0.45);
}
- .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
- background-color: #1890ff;
+ .drip-steps-item-finish > .drip-steps-item-container > .drip-steps-item-tail::after {
+ background-color: #2D64FF;
}
- .ant-steps-item-error .ant-steps-item-icon {
+ .drip-steps-item-error .drip-steps-item-icon {
background-color: #fff;
- border-color: #ff4d4f;
+ border-color: #FF4C4C;
}
- .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
- color: #ff4d4f;
+ .drip-steps-item-error .drip-steps-item-icon > .drip-steps-icon {
+ color: #FF4C4C;
}
- .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
- background: #ff4d4f;
+ .drip-steps-item-error .drip-steps-item-icon > .drip-steps-icon .drip-steps-icon-dot {
+ background: #FF4C4C;
}
- .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
- color: #ff4d4f;
+ .drip-steps-item-error > .drip-steps-item-container > .drip-steps-item-content > .drip-steps-item-title {
+ color: #FF4C4C;
}
- .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
+ .drip-steps-item-error > .drip-steps-item-container > .drip-steps-item-content > .drip-steps-item-title::after {
background-color: #f0f0f0;
}
- .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
- color: #ff4d4f;
+ .drip-steps-item-error > .drip-steps-item-container > .drip-steps-item-content > .drip-steps-item-description {
+ color: #FF4C4C;
}
- .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
+ .drip-steps-item-error > .drip-steps-item-container > .drip-steps-item-tail::after {
background-color: #f0f0f0;
}
- .ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
- background: #ff4d4f;
+ .drip-steps-item.drip-steps-next-error .drip-steps-item-title::after {
+ background: #FF4C4C;
}
- .ant-steps-item-disabled {
+ .drip-steps-item-disabled {
cursor: not-allowed;
}
- .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] {
+ .drip-steps .drip-steps-item:not(.drip-steps-item-active) > .drip-steps-item-container[role='button'] {
cursor: pointer;
}
- .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title,
- .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-subtitle,
- .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description,
- .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
+ .drip-steps .drip-steps-item:not(.drip-steps-item-active) > .drip-steps-item-container[role='button'] .drip-steps-item-title,
+ .drip-steps .drip-steps-item:not(.drip-steps-item-active) > .drip-steps-item-container[role='button'] .drip-steps-item-subtitle,
+ .drip-steps .drip-steps-item:not(.drip-steps-item-active) > .drip-steps-item-container[role='button'] .drip-steps-item-description,
+ .drip-steps .drip-steps-item:not(.drip-steps-item-active) > .drip-steps-item-container[role='button'] .drip-steps-item-icon .drip-steps-icon {
transition: color 0.3s;
}
- .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
- .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
- .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
- color: #1890ff;
+ .drip-steps .drip-steps-item:not(.drip-steps-item-active) > .drip-steps-item-container[role='button']:hover .drip-steps-item-title,
+ .drip-steps .drip-steps-item:not(.drip-steps-item-active) > .drip-steps-item-container[role='button']:hover .drip-steps-item-subtitle,
+ .drip-steps .drip-steps-item:not(.drip-steps-item-active) > .drip-steps-item-container[role='button']:hover .drip-steps-item-description {
+ color: #2D64FF;
}
- .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
- border-color: #1890ff;
+ .drip-steps .drip-steps-item:not(.drip-steps-item-active):not(.drip-steps-item-process) > .drip-steps-item-container[role='button']:hover .drip-steps-item-icon {
+ border-color: #2D64FF;
}
- .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
- color: #1890ff;
+ .drip-steps .drip-steps-item:not(.drip-steps-item-active):not(.drip-steps-item-process) > .drip-steps-item-container[role='button']:hover .drip-steps-item-icon .drip-steps-icon {
+ color: #2D64FF;
}
- .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
+ .drip-steps-horizontal:not(.drip-steps-label-vertical) .drip-steps-item {
padding-left: 16px;
white-space: nowrap;
}
- .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
+ .drip-steps-horizontal:not(.drip-steps-label-vertical) .drip-steps-item:first-child {
padding-left: 0;
}
- .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
+ .drip-steps-horizontal:not(.drip-steps-label-vertical) .drip-steps-item:last-child .drip-steps-item-title {
padding-right: 0;
}
- .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
+ .drip-steps-horizontal:not(.drip-steps-label-vertical) .drip-steps-item-tail {
display: none;
}
- .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
+ .drip-steps-horizontal:not(.drip-steps-label-vertical) .drip-steps-item-description {
max-width: 140px;
white-space: normal;
}
- .ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon {
+ .drip-steps-item-custom > .drip-steps-item-container > .drip-steps-item-icon {
height: auto;
background: none;
border: 0;
}
- .ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon > .ant-steps-icon {
+ .drip-steps-item-custom > .drip-steps-item-container > .drip-steps-item-icon > .drip-steps-icon {
top: 0px;
left: 0.5px;
width: 32px;
@@ -22344,20 +23965,20 @@
font-size: 24px;
line-height: 32px;
}
- .ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
- color: #1890ff;
+ .drip-steps-item-custom.drip-steps-item-process .drip-steps-item-icon > .drip-steps-icon {
+ color: #2D64FF;
}
- .ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
+ .drip-steps:not(.drip-steps-vertical) .drip-steps-item-custom .drip-steps-item-icon {
width: auto;
background: none;
}
- .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
+ .drip-steps-small.drip-steps-horizontal:not(.drip-steps-label-vertical) .drip-steps-item {
padding-left: 12px;
}
- .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
+ .drip-steps-small.drip-steps-horizontal:not(.drip-steps-label-vertical) .drip-steps-item:first-child {
padding-left: 0;
}
- .ant-steps-small .ant-steps-item-icon {
+ .drip-steps-small .drip-steps-item-icon {
width: 24px;
height: 24px;
margin: 0 8px 0 0;
@@ -22366,22 +23987,22 @@
text-align: center;
border-radius: 24px;
}
- .ant-steps-small .ant-steps-item-title {
+ .drip-steps-small .drip-steps-item-title {
padding-right: 12px;
font-size: 14px;
line-height: 24px;
}
- .ant-steps-small .ant-steps-item-title::after {
+ .drip-steps-small .drip-steps-item-title::after {
top: 12px;
}
- .ant-steps-small .ant-steps-item-description {
+ .drip-steps-small .drip-steps-item-description {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
}
- .ant-steps-small .ant-steps-item-tail {
+ .drip-steps-small .drip-steps-item-tail {
top: 8px;
}
- .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
+ .drip-steps-small .drip-steps-item-custom .drip-steps-item-icon {
width: inherit;
height: inherit;
line-height: inherit;
@@ -22389,37 +24010,37 @@
border: 0;
border-radius: 0;
}
- .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
+ .drip-steps-small .drip-steps-item-custom .drip-steps-item-icon > .drip-steps-icon {
font-size: 24px;
line-height: 24px;
transform: none;
}
- .ant-steps-vertical {
+ .drip-steps-vertical {
display: flex;
flex-direction: column;
}
- .ant-steps-vertical > .ant-steps-item {
+ .drip-steps-vertical > .drip-steps-item {
display: block;
flex: 1 0 auto;
padding-left: 0;
overflow: visible;
}
- .ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
+ .drip-steps-vertical > .drip-steps-item .drip-steps-item-icon {
float: left;
margin-right: 16px;
}
- .ant-steps-vertical > .ant-steps-item .ant-steps-item-content {
+ .drip-steps-vertical > .drip-steps-item .drip-steps-item-content {
display: block;
min-height: 48px;
overflow: hidden;
}
- .ant-steps-vertical > .ant-steps-item .ant-steps-item-title {
+ .drip-steps-vertical > .drip-steps-item .drip-steps-item-title {
line-height: 32px;
}
- .ant-steps-vertical > .ant-steps-item .ant-steps-item-description {
+ .drip-steps-vertical > .drip-steps-item .drip-steps-item-description {
padding-bottom: 12px;
}
- .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
+ .drip-steps-vertical > .drip-steps-item > .drip-steps-item-container > .drip-steps-item-tail {
position: absolute;
top: 0;
left: 16px;
@@ -22427,81 +24048,81 @@
height: 100%;
padding: 38px 0 6px;
}
- .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
+ .drip-steps-vertical > .drip-steps-item > .drip-steps-item-container > .drip-steps-item-tail::after {
width: 1px;
height: 100%;
}
- .ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
+ .drip-steps-vertical > .drip-steps-item:not(:last-child) > .drip-steps-item-container > .drip-steps-item-tail {
display: block;
}
- .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
+ .drip-steps-vertical > .drip-steps-item > .drip-steps-item-container > .drip-steps-item-content > .drip-steps-item-title::after {
display: none;
}
- .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
+ .drip-steps-vertical.drip-steps-small .drip-steps-item-container .drip-steps-item-tail {
position: absolute;
top: 0;
left: 12px;
padding: 30px 0 6px;
}
- .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
+ .drip-steps-vertical.drip-steps-small .drip-steps-item-container .drip-steps-item-title {
line-height: 24px;
}
- .ant-steps-label-vertical .ant-steps-item {
+ .drip-steps-label-vertical .drip-steps-item {
overflow: visible;
}
- .ant-steps-label-vertical .ant-steps-item-tail {
+ .drip-steps-label-vertical .drip-steps-item-tail {
margin-left: 58px;
padding: 3.5px 24px;
}
- .ant-steps-label-vertical .ant-steps-item-content {
+ .drip-steps-label-vertical .drip-steps-item-content {
display: block;
width: 116px;
margin-top: 8px;
text-align: center;
}
- .ant-steps-label-vertical .ant-steps-item-icon {
+ .drip-steps-label-vertical .drip-steps-item-icon {
display: inline-block;
margin-left: 42px;
}
- .ant-steps-label-vertical .ant-steps-item-title {
+ .drip-steps-label-vertical .drip-steps-item-title {
padding-right: 0;
padding-left: 0;
}
- .ant-steps-label-vertical .ant-steps-item-title::after {
+ .drip-steps-label-vertical .drip-steps-item-title::after {
display: none;
}
- .ant-steps-label-vertical .ant-steps-item-subtitle {
+ .drip-steps-label-vertical .drip-steps-item-subtitle {
display: block;
margin-bottom: 4px;
margin-left: 0;
line-height: 1.5715;
}
- .ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
+ .drip-steps-label-vertical.drip-steps-small:not(.drip-steps-dot) .drip-steps-item-icon {
margin-left: 46px;
}
- .ant-steps-dot .ant-steps-item-title,
- .ant-steps-dot.ant-steps-small .ant-steps-item-title {
+ .drip-steps-dot .drip-steps-item-title,
+ .drip-steps-dot.drip-steps-small .drip-steps-item-title {
line-height: 1.5715;
}
- .ant-steps-dot .ant-steps-item-tail,
- .ant-steps-dot.ant-steps-small .ant-steps-item-tail {
+ .drip-steps-dot .drip-steps-item-tail,
+ .drip-steps-dot.drip-steps-small .drip-steps-item-tail {
top: 2px;
width: 100%;
margin: 0 0 0 70px;
padding: 0;
}
- .ant-steps-dot .ant-steps-item-tail::after,
- .ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
+ .drip-steps-dot .drip-steps-item-tail::after,
+ .drip-steps-dot.drip-steps-small .drip-steps-item-tail::after {
width: calc(100% - 20px);
height: 3px;
margin-left: 12px;
}
- .ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
- .ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
+ .drip-steps-dot .drip-steps-item:first-child .drip-steps-icon-dot,
+ .drip-steps-dot.drip-steps-small .drip-steps-item:first-child .drip-steps-icon-dot {
left: 2px;
}
- .ant-steps-dot .ant-steps-item-icon,
- .ant-steps-dot.ant-steps-small .ant-steps-item-icon {
+ .drip-steps-dot .drip-steps-item-icon,
+ .drip-steps-dot.drip-steps-small .drip-steps-item-icon {
width: 8px;
height: 8px;
margin-left: 67px;
@@ -22510,8 +24131,8 @@
background: transparent;
border: 0;
}
- .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
- .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
+ .drip-steps-dot .drip-steps-item-icon .drip-steps-icon-dot,
+ .drip-steps-dot.drip-steps-small .drip-steps-item-icon .drip-steps-icon-dot {
position: relative;
float: left;
width: 100%;
@@ -22520,8 +24141,8 @@
transition: all 0.3s;
/* expand hover area */
}
- .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
- .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
+ .drip-steps-dot .drip-steps-item-icon .drip-steps-icon-dot::after,
+ .drip-steps-dot.drip-steps-small .drip-steps-item-icon .drip-steps-icon-dot::after {
position: absolute;
top: -12px;
left: -26px;
@@ -22530,12 +24151,12 @@
background: rgba(0, 0, 0, 0.001);
content: '';
}
- .ant-steps-dot .ant-steps-item-content,
- .ant-steps-dot.ant-steps-small .ant-steps-item-content {
+ .drip-steps-dot .drip-steps-item-content,
+ .drip-steps-dot.drip-steps-small .drip-steps-item-content {
width: 140px;
}
- .ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
- .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
+ .drip-steps-dot .drip-steps-item-process .drip-steps-item-icon,
+ .drip-steps-dot.drip-steps-small .drip-steps-item-process .drip-steps-item-icon {
position: relative;
top: -1px;
width: 10px;
@@ -22543,41 +24164,41 @@
line-height: 10px;
background: none;
}
- .ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot,
- .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot {
+ .drip-steps-dot .drip-steps-item-process .drip-steps-icon:first-child .drip-steps-icon-dot,
+ .drip-steps-dot.drip-steps-small .drip-steps-item-process .drip-steps-icon:first-child .drip-steps-icon-dot {
left: 0;
}
- .ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
+ .drip-steps-vertical.drip-steps-dot .drip-steps-item-icon {
margin-top: 8px;
margin-left: 0;
background: none;
}
- .ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
+ .drip-steps-vertical.drip-steps-dot .drip-steps-item > .drip-steps-item-container > .drip-steps-item-tail {
top: 2px;
left: -9px;
margin: 0;
padding: 22px 0 4px;
}
- .ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
+ .drip-steps-vertical.drip-steps-dot .drip-steps-item:first-child .drip-steps-icon-dot {
left: 0;
}
- .ant-steps-vertical.ant-steps-dot .ant-steps-item-content {
+ .drip-steps-vertical.drip-steps-dot .drip-steps-item-content {
width: inherit;
}
- .ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot {
+ .drip-steps-vertical.drip-steps-dot .drip-steps-item-process .drip-steps-item-container .drip-steps-item-icon .drip-steps-icon-dot {
left: -2px;
}
- .ant-steps-navigation {
+ .drip-steps-navigation {
padding-top: 12px;
}
- .ant-steps-navigation.ant-steps-small .ant-steps-item-container {
+ .drip-steps-navigation.drip-steps-small .drip-steps-item-container {
margin-left: -12px;
}
- .ant-steps-navigation .ant-steps-item {
+ .drip-steps-navigation .drip-steps-item {
overflow: visible;
text-align: center;
}
- .ant-steps-navigation .ant-steps-item-container {
+ .drip-steps-navigation .drip-steps-item-container {
display: inline-block;
height: 100%;
margin-left: -16px;
@@ -22585,32 +24206,32 @@
text-align: left;
transition: opacity 0.3s;
}
- .ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
+ .drip-steps-navigation .drip-steps-item-container .drip-steps-item-content {
max-width: auto;
}
- .ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
+ .drip-steps-navigation .drip-steps-item-container .drip-steps-item-title {
max-width: 100%;
padding-right: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
- .ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
+ .drip-steps-navigation .drip-steps-item-container .drip-steps-item-title::after {
display: none;
}
- .ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] {
+ .drip-steps-navigation .drip-steps-item:not(.drip-steps-item-active) .drip-steps-item-container[role='button'] {
cursor: pointer;
}
- .ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover {
+ .drip-steps-navigation .drip-steps-item:not(.drip-steps-item-active) .drip-steps-item-container[role='button']:hover {
opacity: 0.85;
}
- .ant-steps-navigation .ant-steps-item:last-child {
+ .drip-steps-navigation .drip-steps-item:last-child {
flex: 1;
}
- .ant-steps-navigation .ant-steps-item:last-child::after {
+ .drip-steps-navigation .drip-steps-item:last-child::after {
display: none;
}
- .ant-steps-navigation .ant-steps-item::after {
+ .drip-steps-navigation .drip-steps-item::after {
position: absolute;
top: 50%;
left: 100%;
@@ -22625,29 +24246,29 @@
transform: rotate(45deg);
content: '';
}
- .ant-steps-navigation .ant-steps-item::before {
+ .drip-steps-navigation .drip-steps-item::before {
position: absolute;
bottom: 0;
left: 50%;
display: inline-block;
width: 0;
height: 2px;
- background-color: #1890ff;
+ background-color: #2D64FF;
transition: width 0.3s, left 0.3s;
transition-timing-function: ease-out;
content: '';
}
- .ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
+ .drip-steps-navigation .drip-steps-item.drip-steps-item-active::before {
left: 0;
width: 100%;
}
- .ant-steps-navigation.ant-steps-vertical > .ant-steps-item {
+ .drip-steps-navigation.drip-steps-vertical > .drip-steps-item {
margin-right: 0 !important;
}
- .ant-steps-navigation.ant-steps-vertical > .ant-steps-item::before {
+ .drip-steps-navigation.drip-steps-vertical > .drip-steps-item::before {
display: none;
}
- .ant-steps-navigation.ant-steps-vertical > .ant-steps-item.ant-steps-item-active::before {
+ .drip-steps-navigation.drip-steps-vertical > .drip-steps-item.drip-steps-item-active::before {
top: 0;
right: 0;
left: unset;
@@ -22655,7 +24276,7 @@
width: 3px;
height: calc(100% - 24px);
}
- .ant-steps-navigation.ant-steps-vertical > .ant-steps-item::after {
+ .drip-steps-navigation.drip-steps-vertical > .drip-steps-item::after {
position: relative;
top: -2px;
left: 50%;
@@ -22666,168 +24287,433 @@
text-align: center;
transform: rotate(135deg);
}
- .ant-steps-navigation.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
+ .drip-steps-navigation.drip-steps-vertical > .drip-steps-item > .drip-steps-item-container > .drip-steps-item-tail {
visibility: hidden;
}
- .ant-steps-rtl {
+ .drip-steps-rtl {
direction: rtl;
}
- .ant-steps.ant-steps-rtl .ant-steps-item-icon {
+ .drip-steps.drip-steps-rtl .drip-steps-item-icon {
margin-right: 0;
margin-left: 8px;
}
- .ant-steps-rtl .ant-steps-item-tail {
+ .drip-steps-rtl .drip-steps-item-tail {
right: 0;
left: auto;
}
- .ant-steps-rtl .ant-steps-item-title {
+ .drip-steps-rtl .drip-steps-item-title {
padding-right: 0;
padding-left: 16px;
}
- .ant-steps-rtl .ant-steps-item-title::after {
+ .drip-steps-rtl .drip-steps-item-title::after {
right: 100%;
left: auto;
}
- .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
+ .drip-steps-rtl.drip-steps-horizontal:not(.drip-steps-label-vertical) .drip-steps-item {
padding-right: 16px;
padding-left: 0;
}
- .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
+ .drip-steps-rtl.drip-steps-horizontal:not(.drip-steps-label-vertical) .drip-steps-item:first-child {
padding-right: 0;
}
- .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
+ .drip-steps-rtl.drip-steps-horizontal:not(.drip-steps-label-vertical) .drip-steps-item:last-child .drip-steps-item-title {
padding-left: 0;
}
- .ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
+ .drip-steps-rtl .drip-steps-item-custom .drip-steps-item-icon > .drip-steps-icon {
right: 0.5px;
left: auto;
}
- .ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
+ .drip-steps-rtl.drip-steps-navigation.drip-steps-small .drip-steps-item-container {
margin-right: -12px;
margin-left: 0;
}
- .ant-steps-rtl.ant-steps-navigation .ant-steps-item-container {
+ .drip-steps-rtl.drip-steps-navigation .drip-steps-item-container {
margin-right: -16px;
margin-left: 0;
text-align: right;
}
- .ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
+ .drip-steps-rtl.drip-steps-navigation .drip-steps-item-container .drip-steps-item-title {
padding-left: 0;
}
- .ant-steps-rtl.ant-steps-navigation .ant-steps-item::after {
+ .drip-steps-rtl.drip-steps-navigation .drip-steps-item::after {
right: 100%;
left: auto;
margin-right: -2px;
margin-left: 0;
transform: rotate(225deg);
}
- .ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
+ .drip-steps-rtl.drip-steps-small.drip-steps-horizontal:not(.drip-steps-label-vertical) .drip-steps-item {
padding-right: 12px;
padding-left: 0;
}
- .ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
+ .drip-steps-rtl.drip-steps-small.drip-steps-horizontal:not(.drip-steps-label-vertical) .drip-steps-item:first-child {
padding-right: 0;
}
- .ant-steps-rtl.ant-steps-small .ant-steps-item-title {
+ .drip-steps-rtl.drip-steps-small .drip-steps-item-title {
padding-right: 0;
padding-left: 12px;
}
- .ant-steps-rtl.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
+ .drip-steps-rtl.drip-steps-vertical > .drip-steps-item .drip-steps-item-icon {
float: right;
margin-right: 0;
margin-left: 16px;
}
- .ant-steps-rtl.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
+ .drip-steps-rtl.drip-steps-vertical > .drip-steps-item > .drip-steps-item-container > .drip-steps-item-tail {
right: 16px;
left: auto;
}
- .ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
+ .drip-steps-rtl.drip-steps-vertical.drip-steps-small .drip-steps-item-container .drip-steps-item-tail {
right: 12px;
left: auto;
}
- .ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title {
+ .drip-steps-rtl.drip-steps-label-vertical .drip-steps-item-title {
padding-left: 0;
}
- .ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,
- .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
+ .drip-steps-rtl.drip-steps-dot .drip-steps-item-tail,
+ .drip-steps-rtl.drip-steps-dot.drip-steps-small .drip-steps-item-tail {
margin: 0 70px 0 0;
}
- .ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after,
- .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
+ .drip-steps-rtl.drip-steps-dot .drip-steps-item-tail::after,
+ .drip-steps-rtl.drip-steps-dot.drip-steps-small .drip-steps-item-tail::after {
margin-right: 12px;
margin-left: 0;
}
- .ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
- .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
+ .drip-steps-rtl.drip-steps-dot .drip-steps-item:first-child .drip-steps-icon-dot,
+ .drip-steps-rtl.drip-steps-dot.drip-steps-small .drip-steps-item:first-child .drip-steps-icon-dot {
right: 2px;
left: auto;
}
- .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,
- .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
+ .drip-steps-rtl.drip-steps-dot .drip-steps-item-icon,
+ .drip-steps-rtl.drip-steps-dot.drip-steps-small .drip-steps-item-icon {
margin-right: 67px;
margin-left: 0;
}
- .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
- .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
+ .drip-steps-dot .drip-steps-item-icon .drip-steps-icon-dot,
+ .drip-steps-dot.drip-steps-small .drip-steps-item-icon .drip-steps-icon-dot {
/* expand hover area */
}
- .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
- .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
+ .drip-steps-rtl.drip-steps-dot .drip-steps-item-icon .drip-steps-icon-dot,
+ .drip-steps-rtl.drip-steps-dot.drip-steps-small .drip-steps-item-icon .drip-steps-icon-dot {
float: right;
}
- .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
- .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
+ .drip-steps-rtl.drip-steps-dot .drip-steps-item-icon .drip-steps-icon-dot::after,
+ .drip-steps-rtl.drip-steps-dot.drip-steps-small .drip-steps-item-icon .drip-steps-icon-dot::after {
right: -26px;
left: auto;
}
- .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
+ .drip-steps-rtl.drip-steps-vertical.drip-steps-dot .drip-steps-item-icon {
margin-right: 0;
margin-left: 16px;
}
- .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
+ .drip-steps-rtl.drip-steps-vertical.drip-steps-dot .drip-steps-item > .drip-steps-item-container > .drip-steps-item-tail {
right: -9px;
left: auto;
}
- .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
+ .drip-steps-rtl.drip-steps-vertical.drip-steps-dot .drip-steps-item:first-child .drip-steps-icon-dot {
right: 0;
left: auto;
}
- .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
+ .drip-steps-rtl.drip-steps-vertical.drip-steps-dot .drip-steps-item-process .drip-steps-icon-dot {
right: -2px;
left: auto;
}
- .ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child.ant-steps-item-active {
+ .drip-steps-rtl.drip-steps-with-progress.drip-steps-horizontal.drip-steps-label-horizontal .drip-steps-item:first-child.drip-steps-item-active {
padding-right: 4px;
}
- .ant-steps-with-progress .ant-steps-item {
+ .drip-steps-with-progress .drip-steps-item {
padding-top: 4px;
}
- .ant-steps-with-progress .ant-steps-item .ant-steps-item-tail {
+ .drip-steps-with-progress .drip-steps-item .drip-steps-item-tail {
top: 4px !important;
}
- .ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child {
+ .drip-steps-with-progress.drip-steps-horizontal .drip-steps-item:first-child {
padding-bottom: 4px;
padding-left: 4px;
}
- .ant-steps-with-progress .ant-steps-item-icon {
+ .drip-steps-with-progress .drip-steps-item-icon {
position: relative;
}
- .ant-steps-with-progress .ant-steps-item-icon .ant-progress {
+ .drip-steps-with-progress .drip-steps-item-icon .drip-progress {
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
}
+ .drip-steps-block-style.drip-steps-small .drip-steps-item-container {
+ margin-left: 0;
+ }
+ .drip-steps-block-style .drip-steps-item {
+ overflow: visible;
+ text-align: left;
+ margin-right: 24px;
+ padding-left: 16px;
+ }
+ .drip-steps-block-style .drip-steps-item-container {
+ display: inline-block;
+ height: 100%;
+ width: 100%;
+ text-align: left;
+ transition: opacity 0.3s;
+ padding: 16px 24px 16px 16px;
+ }
+ .drip-steps-block-style .drip-steps-item-container .drip-steps-item-content {
+ max-width: auto;
+ }
+ .drip-steps-block-style .drip-steps-item-container .drip-steps-item-title {
+ max-width: 100%;
+ padding-right: 0;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ line-height: 1.5;
+ }
+ .drip-steps-block-style .drip-steps-item-container .drip-steps-item-title::after {
+ display: none;
+ }
+ .drip-steps-block-style .drip-steps-item-container .drip-steps-item-description {
+ font-size: 12px;
+ line-height: 20px;
+ }
+ .drip-steps-block-style .drip-steps-item .drip-steps-item-icon {
+ width: 36px;
+ height: 36px;
+ margin-right: 16px;
+ border: none;
+ }
+ .drip-steps-block-style .drip-steps-item .drip-steps-item-icon .drip-steps-icon {
+ line-height: 33px;
+ }
+ .drip-steps-block-style .drip-steps-item-finish .drip-steps-item-icon {
+ border: none;
+ font-size: 30px;
+ }
+ .drip-steps-block-style .drip-steps-item-finish .drip-steps-item-icon > .drip-steps-icon {
+ color: rgba(0, 0, 0, 0.65);
+ }
+ .drip-steps-block-style .drip-steps-item-finish .drip-steps-item-container .drip-steps-item-title,
+ .drip-steps-block-style .drip-steps-item-finish .drip-steps-item-container .drip-steps-item-subtitle,
+ .drip-steps-block-style .drip-steps-item-finish .drip-steps-item-container .drip-steps-item-description {
+ color: rgba(0, 0, 0, 0.65);
+ }
+ .drip-steps-block-style .drip-steps-item-process {
+ background: linear-gradient(90deg, #E2EAFF 3.27%, #FBFCFF 100%);
+ }
+ .drip-steps-block-style .drip-steps-item-process .drip-steps-item-icon {
+ border: none;
+ background: transparent;
+ }
+ .drip-steps-block-style .drip-steps-item-process .drip-steps-item-icon > .drip-steps-icon {
+ color: #2D64FF;
+ }
+ .drip-steps-block-style .drip-steps-item-process .drip-steps-item-content > .drip-steps-item-title,
+ .drip-steps-block-style .drip-steps-item-process .drip-steps-item-content .drip-steps-item-subtitle {
+ color: #2D64FF;
+ }
+ .drip-steps-block-style .drip-steps-item-process .drip-steps-item-content > .drip-steps-item-description {
+ color: rgba(0, 0, 0, 0.82);
+ }
+ .drip-steps-block-style .drip-steps-item-wait .drip-steps-item-icon {
+ border: none;
+ background: transparent;
+ }
+ .drip-steps-block-style .drip-steps-item-wait .drip-steps-item-icon > .drip-steps-icon {
+ color: rgba(0, 0, 0, 0.25);
+ }
+ .drip-steps-block-style .drip-steps-item-wait .drip-steps-item-icon {
+ border-color: rgba(0, 0, 0, 0.25);
+ color: rgba(0, 0, 0, 0.25);
+ border-width: 2px;
+ }
+ .drip-steps-block-style .drip-steps-item-error {
+ background: linear-gradient(90deg, #FFDBDB 3.27%, #FFFDFD 100%);
+ }
+ .drip-steps-block-style .drip-steps-item-error .drip-steps-item-icon {
+ border: none;
+ background: transparent;
+ }
+ .drip-steps-block-style .drip-steps-item-error .drip-steps-item-icon > .drip-steps-icon {
+ color: #FF4C4C;
+ font-size: 28px;
+ }
+ .drip-steps-block-style .drip-steps-item-error .drip-steps-item-content > .drip-steps-item-title,
+ .drip-steps-block-style .drip-steps-item-error .drip-steps-item-content .drip-steps-item-subtitle,
+ .drip-steps-block-style .drip-steps-item-error .drip-steps-item-content .drip-steps-item-description {
+ color: #FF4C4C;
+ }
+ .drip-steps-block-style .drip-steps-item-error.drip-steps-item-active .drip-steps-item-icon {
+ border-color: #FF4C4C;
+ color: #FF4C4C;
+ border-width: 2px;
+ }
+ .drip-steps-block-style .drip-steps-item-error.drip-steps-item-active .drip-steps-item-icon > .drip-steps-icon {
+ font-size: 28px;
+ line-height: 1;
+ }
+ .drip-steps-block-style .drip-steps-item:not(.drip-steps-item-finish) .drip-steps-icon {
+ font-family: 'JDZhengHT-EN', 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft YaHei', SimSun, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+ font-weight: 400;
+ font-size: 28px;
+ }
+ .drip-steps-block-style .drip-steps-item:not(.drip-steps-item-active) .drip-steps-item-container[role='button'] {
+ cursor: pointer;
+ }
+ .drip-steps-block-style .drip-steps-item:not(.drip-steps-item-active) .drip-steps-item-container[role='button']:hover {
+ opacity: 0.85;
+ }
+ .drip-steps-block-style .drip-steps-item:last-child {
+ flex: 1;
+ }
+ .drip-steps-block-style .drip-steps-item:last-child::after {
+ display: none;
+ }
+ .drip-steps-block-style .drip-steps-item::after {
+ position: absolute;
+ top: 50%;
+ left: 100%;
+ display: inline-block;
+ width: 10px;
+ height: 7px;
+ margin-top: -14px;
+ border-color: transparent;
+ border-bottom-color: #595959;
+ border-style: solid;
+ border-width: 10px 7px;
+ transform: rotate(90deg);
+ opacity: 0.5;
+ content: '';
+ }
+ .drip-steps-block-style .drip-steps-item.drip-steps-item-active::before {
+ left: 0;
+ width: 100%;
+ }
+ .drip-steps-pure-style.drip-steps-small .drip-steps-item-container {
+ margin-left: -12px;
+ }
+ .drip-steps-pure-style .drip-steps-item {
+ overflow: visible;
+ text-align: left;
+ margin-right: 24px;
+ padding-left: 16px;
+ }
+ .drip-steps-pure-style .drip-steps-item-container {
+ display: inline-block;
+ height: 100%;
+ margin-left: -16px;
+ padding: 12px 0 ;
+ text-align: left;
+ transition: opacity 0.3s;
+ }
+ .drip-steps-pure-style .drip-steps-item-container .drip-steps-item-content {
+ max-width: auto;
+ }
+ .drip-steps-pure-style .drip-steps-item-container .drip-steps-item-title {
+ max-width: 100%;
+ padding-right: 0;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ line-height: 1.5;
+ }
+ .drip-steps-pure-style .drip-steps-item-container .drip-steps-item-title::after {
+ display: none;
+ }
+ .drip-steps-pure-style .drip-steps-item-container .drip-steps-item-description {
+ font-size: 12px;
+ line-height: 20px;
+ }
+ .drip-steps-pure-style .drip-steps-item .drip-steps-item-icon {
+ width: 36px;
+ height: 36px;
+ margin: 0 16px;
+ }
+ .drip-steps-pure-style .drip-steps-item .drip-steps-item-icon .drip-steps-icon {
+ line-height: 33px;
+ }
+ .drip-steps-pure-style .drip-steps-item-finish .drip-steps-item-icon {
+ border-color: rgba(0, 0, 0, 0.82);
+ color: rgba(0, 0, 0, 0.82);
+ border-width: 2px;
+ }
+ .drip-steps-pure-style .drip-steps-item-finish .drip-steps-item-icon > .drip-steps-icon {
+ color: rgba(0, 0, 0, 0.82);
+ font-size: 20px;
+ }
+ .drip-steps-pure-style .drip-steps-item-finish .drip-steps-item-container .drip-steps-item-title,
+ .drip-steps-pure-style .drip-steps-item-finish .drip-steps-item-container .drip-steps-item-subTitle,
+ .drip-steps-pure-style .drip-steps-item-finish .drip-steps-item-container .drip-steps-item-description {
+ color: rgba(0, 0, 0, 0.65);
+ }
+ .drip-steps-pure-style .drip-steps-item-active .drip-steps-item-content > .drip-steps-item-title,
+ .drip-steps-pure-style .drip-steps-item-active .drip-steps-item-content .drip-steps-item-subTitle,
+ .drip-steps-pure-style .drip-steps-item-active .drip-steps-item-content .drip-steps-item-description {
+ color: #2D64FF;
+ }
+ .drip-steps-pure-style .drip-steps-item-wait .drip-steps-item-icon {
+ border-color: rgba(0, 0, 0, 0.25);
+ color: rgba(0, 0, 0, 0.25);
+ border-width: 2px;
+ }
+ .drip-steps-pure-style .drip-steps-item-error .drip-steps-item-content > .drip-steps-item-title,
+ .drip-steps-pure-style .drip-steps-item-error .drip-steps-item-content .drip-steps-item-subTitle,
+ .drip-steps-pure-style .drip-steps-item-error .drip-steps-item-content .drip-steps-item-description {
+ color: #FF4C4C;
+ }
+ .drip-steps-pure-style .drip-steps-item-error.drip-steps-item-active .drip-steps-item-icon {
+ border-color: #FF4C4C;
+ color: #FF4C4C;
+ border-width: 2px;
+ }
+ .drip-steps-pure-style .drip-steps-item-error.drip-steps-item-active .drip-steps-item-icon > .drip-steps-icon {
+ font-size: 16px;
+ line-height: 1;
+ }
+ .drip-steps-pure-style .drip-steps-item:not(.drip-steps-item-finish) .drip-steps-icon {
+ font-family: 'JDZhengHT-EN', 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft YaHei', SimSun, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+ font-weight: 400;
+ font-size: 28px;
+ }
+ .drip-steps-pure-style .drip-steps-item:not(.drip-steps-item-active) .drip-steps-item-container[role='button'] {
+ cursor: pointer;
+ }
+ .drip-steps-pure-style .drip-steps-item:not(.drip-steps-item-active) .drip-steps-item-container[role='button']:hover {
+ opacity: 0.85;
+ }
+ .drip-steps-pure-style .drip-steps-item:last-child {
+ flex: 1;
+ }
+ .drip-steps-pure-style .drip-steps-item:last-child::after {
+ display: none;
+ }
+ .drip-steps-pure-style .drip-steps-item::after {
+ position: absolute;
+ top: 50%;
+ left: 100%;
+ display: inline-block;
+ width: 10px;
+ height: 7px;
+ margin-top: -14px;
+ border-color: transparent;
+ border-bottom-color: #595959;
+ border-style: solid;
+ border-width: 10px 7px;
+ transform: rotate(90deg);
+ opacity: 0.5;
+ content: '';
+ }
+ .drip-steps-pure-style .drip-steps-item.drip-steps-item-active::before {
+ left: 0;
+ width: 100%;
+ }
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-switch {
+ .drip-switch {
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -22850,40 +24736,40 @@
-ms-user-select: none;
user-select: none;
}
- .ant-switch:focus {
+ .drip-switch:focus {
outline: 0;
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
- .ant-switch-checked:focus {
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+ .drip-switch-checked:focus {
+ box-shadow: 0 0 0 2px rgba(45, 100, 255, 0.2);
}
- .ant-switch:focus:hover {
+ .drip-switch:focus:hover {
box-shadow: none;
}
- .ant-switch-checked {
- background-color: #1890ff;
+ .drip-switch-checked {
+ background-color: #2D64FF;
}
- .ant-switch-loading,
- .ant-switch-disabled {
+ .drip-switch-loading,
+ .drip-switch-disabled {
cursor: not-allowed;
opacity: 0.4;
}
- .ant-switch-loading *,
- .ant-switch-disabled * {
+ .drip-switch-loading *,
+ .drip-switch-disabled * {
box-shadow: none;
cursor: not-allowed;
}
- .ant-switch-inner {
+ .drip-switch-inner {
display: block;
margin: 0 7px 0 25px;
color: #fff;
font-size: 12px;
transition: margin 0.2s;
}
- .ant-switch-checked .ant-switch-inner {
+ .drip-switch-checked .drip-switch-inner {
margin: 0 25px 0 7px;
}
- .ant-switch-handle {
+ .drip-switch-handle {
position: absolute;
top: 2px;
left: 2px;
@@ -22891,7 +24777,7 @@
height: 18px;
transition: all 0.2s ease-in-out;
}
- .ant-switch-handle::before {
+ .drip-switch-handle::before {
position: absolute;
top: 0;
right: 0;
@@ -22903,74 +24789,74 @@
transition: all 0.2s ease-in-out;
content: '';
}
- .ant-switch-checked .ant-switch-handle {
+ .drip-switch-checked .drip-switch-handle {
left: calc(100% - 18px - 2px);
}
- .ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before {
+ .drip-switch:not(.drip-switch-disabled):active .drip-switch-handle::before {
right: -30%;
left: 0;
}
- .ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before {
+ .drip-switch:not(.drip-switch-disabled):active.drip-switch-checked .drip-switch-handle::before {
right: 0;
left: -30%;
}
- .ant-switch-loading-icon {
+ .drip-switch-loading-icon {
position: relative;
top: 2px;
color: rgba(0, 0, 0, 0.65);
vertical-align: top;
}
- .ant-switch-checked .ant-switch-loading-icon {
- color: #1890ff;
+ .drip-switch-checked .drip-switch-loading-icon {
+ color: #2D64FF;
}
- .ant-switch-small {
+ .drip-switch-small {
min-width: 28px;
height: 16px;
line-height: 16px;
}
- .ant-switch-small .ant-switch-inner {
+ .drip-switch-small .drip-switch-inner {
margin: 0 5px 0 18px;
font-size: 12px;
}
- .ant-switch-small .ant-switch-handle {
+ .drip-switch-small .drip-switch-handle {
width: 12px;
height: 12px;
}
- .ant-switch-small .ant-switch-loading-icon {
+ .drip-switch-small .drip-switch-loading-icon {
top: 1.5px;
font-size: 9px;
}
- .ant-switch-small.ant-switch-checked .ant-switch-inner {
+ .drip-switch-small.drip-switch-checked .drip-switch-inner {
margin: 0 18px 0 5px;
}
- .ant-switch-small.ant-switch-checked .ant-switch-handle {
+ .drip-switch-small.drip-switch-checked .drip-switch-handle {
left: calc(100% - 12px - 2px);
}
- .ant-switch-rtl {
+ .drip-switch-rtl {
direction: rtl;
}
- .ant-switch-rtl .ant-switch-inner {
+ .drip-switch-rtl .drip-switch-inner {
margin: 0 25px 0 7px;
}
- .ant-switch-rtl .ant-switch-handle {
+ .drip-switch-rtl .drip-switch-handle {
right: 2px;
left: auto;
}
- .ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle::before {
+ .drip-switch-rtl:not(.drip-switch-rtl-disabled):active .drip-switch-handle::before {
right: 0;
left: -30%;
}
- .ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle::before {
+ .drip-switch-rtl:not(.drip-switch-rtl-disabled):active.drip-switch-checked .drip-switch-handle::before {
right: -30%;
left: 0;
}
- .ant-switch-rtl.ant-switch-checked .ant-switch-inner {
+ .drip-switch-rtl.drip-switch-checked .drip-switch-inner {
margin: 0 7px 0 25px;
}
- .ant-switch-rtl.ant-switch-checked .ant-switch-handle {
+ .drip-switch-rtl.drip-switch-checked .drip-switch-handle {
right: calc(100% - 18px - 2px);
}
- .ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle {
+ .drip-switch-rtl.drip-switch-small.drip-switch-checked .drip-switch-handle {
right: calc(100% - 12px - 2px);
}
@@ -22978,114 +24864,128 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-table.ant-table-middle {
+ .drip-table.drip-table-middle {
font-size: 14px;
}
- .ant-table.ant-table-middle .ant-table-title,
- .ant-table.ant-table-middle .ant-table-footer,
- .ant-table.ant-table-middle .ant-table-thead > tr > th,
- .ant-table.ant-table-middle .ant-table-tbody > tr > td,
- .ant-table.ant-table-middle tfoot > tr > th,
- .ant-table.ant-table-middle tfoot > tr > td {
+ .drip-table.drip-table-middle .drip-table-title,
+ .drip-table.drip-table-middle .drip-table-footer,
+ .drip-table.drip-table-middle .drip-table-thead > tr > th,
+ .drip-table.drip-table-middle .drip-table-tbody > tr > td,
+ .drip-table.drip-table-middle tfoot > tr > th,
+ .drip-table.drip-table-middle tfoot > tr > td {
padding: 12px 8px;
}
- .ant-table.ant-table-middle .ant-table-filter-trigger {
+ .drip-table.drip-table-middle .drip-table-filter-trigger {
margin-right: -4px;
}
- .ant-table.ant-table-middle .ant-table-expanded-row-fixed {
+ .drip-table.drip-table-middle .drip-table-expanded-row-fixed {
margin: -12px -8px;
}
- .ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
+ .drip-table.drip-table-middle .drip-table-tbody .drip-table-wrapper:only-child .drip-table {
margin: -12px -8px -12px 25px;
}
- .ant-table.ant-table-small {
+ .drip-table.drip-table-small {
font-size: 14px;
}
- .ant-table.ant-table-small .ant-table-title,
- .ant-table.ant-table-small .ant-table-footer,
- .ant-table.ant-table-small .ant-table-thead > tr > th,
- .ant-table.ant-table-small .ant-table-tbody > tr > td,
- .ant-table.ant-table-small tfoot > tr > th,
- .ant-table.ant-table-small tfoot > tr > td {
+ .drip-table.drip-table-small .drip-table-title,
+ .drip-table.drip-table-small .drip-table-footer,
+ .drip-table.drip-table-small .drip-table-thead > tr > th,
+ .drip-table.drip-table-small .drip-table-tbody > tr > td,
+ .drip-table.drip-table-small tfoot > tr > th,
+ .drip-table.drip-table-small tfoot > tr > td {
padding: 8px 8px;
}
- .ant-table.ant-table-small .ant-table-filter-trigger {
+ .drip-table.drip-table-small .drip-table-filter-trigger {
margin-right: -4px;
}
- .ant-table.ant-table-small .ant-table-expanded-row-fixed {
+ .drip-table.drip-table-small .drip-table-expanded-row-fixed {
margin: -8px -8px;
}
- .ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
+ .drip-table.drip-table-small .drip-table-tbody .drip-table-wrapper:only-child .drip-table {
margin: -8px -8px -8px 25px;
}
- .ant-table-small .ant-table-thead > tr > th {
+ .drip-table-small .drip-table-thead > tr > th {
background-color: #fafafa;
}
- .ant-table-small .ant-table-selection-column {
+ .drip-table-small .drip-table-selection-column {
width: 46px;
min-width: 46px;
}
- .ant-table.ant-table-bordered > .ant-table-title {
+ .drip-table.drip-table-inner-bordered > .drip-table-container > .drip-table-content > table > thead > tr > th,
+ .drip-table.drip-table-inner-bordered > .drip-table-container > .drip-table-header > table > thead > tr > th,
+ .drip-table.drip-table-inner-bordered > .drip-table-container > .drip-table-body > table > thead > tr > th,
+ .drip-table.drip-table-inner-bordered > .drip-table-container > .drip-table-content > table > tbody > tr > td,
+ .drip-table.drip-table-inner-bordered > .drip-table-container > .drip-table-header > table > tbody > tr > td,
+ .drip-table.drip-table-inner-bordered > .drip-table-container > .drip-table-body > table > tbody > tr > td,
+ .drip-table.drip-table-inner-bordered > .drip-table-container > .drip-table-content > table > tfoot > tr > th,
+ .drip-table.drip-table-inner-bordered > .drip-table-container > .drip-table-header > table > tfoot > tr > th,
+ .drip-table.drip-table-inner-bordered > .drip-table-container > .drip-table-body > table > tfoot > tr > th,
+ .drip-table.drip-table-inner-bordered > .drip-table-container > .drip-table-content > table > tfoot > tr > td,
+ .drip-table.drip-table-inner-bordered > .drip-table-container > .drip-table-header > table > tfoot > tr > td,
+ .drip-table.drip-table-inner-bordered > .drip-table-container > .drip-table-body > table > tfoot > tr > td {
+ border-right: 1px solid #f0f0f0;
+ }
+ .drip-table.drip-table-bordered > .drip-table-title {
border: 1px solid #f0f0f0;
border-bottom: 0;
}
- .ant-table.ant-table-bordered > .ant-table-container {
+ .drip-table.drip-table-bordered > .drip-table-container {
border-left: 1px solid #f0f0f0;
}
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > th,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td {
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-content > table > thead > tr > th:last-child,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-header > table > thead > tr > th:last-child,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-body > table > thead > tr > th:last-child,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-summary > table > thead > tr > th:last-child,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-content > table > tbody > tr > td:last-child,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-header > table > tbody > tr > td:last-child,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-body > table > tbody > tr > td:last-child,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-summary > table > tbody > tr > td:last-child,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-content > table > tfoot > tr > th:last-child,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-header > table > tfoot > tr > th:last-child,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-body > table > tfoot > tr > th:last-child,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-summary > table > tfoot > tr > th:last-child,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-content > table > tfoot > tr > td:last-child,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-header > table > tfoot > tr > td:last-child,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-body > table > tfoot > tr > td:last-child,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-summary > table > tfoot > tr > td:last-child {
border-right: 1px solid #f0f0f0;
}
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr:not(:last-child) > th {
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-content > table > thead > tr:not(:last-child) > th,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-header > table > thead > tr:not(:last-child) > th,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-body > table > thead > tr:not(:last-child) > th,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-summary > table > thead > tr:not(:last-child) > th {
border-bottom: 1px solid #f0f0f0;
}
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th::before,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th::before,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th::before,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th::before {
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-content > table > thead > tr > th::before,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-header > table > thead > tr > th::before,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-body > table > thead > tr > th::before,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-summary > table > thead > tr > th::before {
background-color: transparent !important;
}
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > .ant-table-cell-fix-right-first::after,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > .ant-table-cell-fix-right-first::after,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > .ant-table-cell-fix-right-first::after {
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-content > table > thead > tr > .drip-table-cell-fix-right-first::after,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-header > table > thead > tr > .drip-table-cell-fix-right-first::after,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-body > table > thead > tr > .drip-table-cell-fix-right-first::after,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-summary > table > thead > tr > .drip-table-cell-fix-right-first::after,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-content > table > tbody > tr > .drip-table-cell-fix-right-first::after,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-header > table > tbody > tr > .drip-table-cell-fix-right-first::after,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-body > table > tbody > tr > .drip-table-cell-fix-right-first::after,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-summary > table > tbody > tr > .drip-table-cell-fix-right-first::after,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-content > table > tfoot > tr > .drip-table-cell-fix-right-first::after,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-header > table > tfoot > tr > .drip-table-cell-fix-right-first::after,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-body > table > tfoot > tr > .drip-table-cell-fix-right-first::after,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-summary > table > tfoot > tr > .drip-table-cell-fix-right-first::after {
border-right: 1px solid #f0f0f0;
}
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed {
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-content > table > tbody > tr > td > .drip-table-expanded-row-fixed,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-header > table > tbody > tr > td > .drip-table-expanded-row-fixed,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-body > table > tbody > tr > td > .drip-table-expanded-row-fixed,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-summary > table > tbody > tr > td > .drip-table-expanded-row-fixed {
margin: -16px -17px;
}
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed::after {
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-content > table > tbody > tr > td > .drip-table-expanded-row-fixed::after,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-header > table > tbody > tr > td > .drip-table-expanded-row-fixed::after,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-body > table > tbody > tr > td > .drip-table-expanded-row-fixed::after,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-summary > table > tbody > tr > td > .drip-table-expanded-row-fixed::after {
position: absolute;
top: 0;
right: 1px;
@@ -23093,50 +24993,50 @@
border-right: 1px solid #f0f0f0;
content: '';
}
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,
- .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-content > table,
+ .drip-table.drip-table-bordered > .drip-table-container > .drip-table-header > table {
border-top: 1px solid #f0f0f0;
}
- .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td,
- .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td {
+ .drip-table.drip-table-bordered.drip-table-scroll-horizontal > .drip-table-container > .drip-table-body > table > tbody > tr.drip-table-expanded-row > td,
+ .drip-table.drip-table-bordered.drip-table-scroll-horizontal > .drip-table-container > .drip-table-body > table > tbody > tr.drip-table-placeholder > td {
border-right: 0;
}
- .ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
- .ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
+ .drip-table.drip-table-bordered.drip-table-middle > .drip-table-container > .drip-table-content > table > tbody > tr > td > .drip-table-expanded-row-fixed,
+ .drip-table.drip-table-bordered.drip-table-middle > .drip-table-container > .drip-table-body > table > tbody > tr > td > .drip-table-expanded-row-fixed {
margin: -12px -9px;
}
- .ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
- .ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
+ .drip-table.drip-table-bordered.drip-table-small > .drip-table-container > .drip-table-content > table > tbody > tr > td > .drip-table-expanded-row-fixed,
+ .drip-table.drip-table-bordered.drip-table-small > .drip-table-container > .drip-table-body > table > tbody > tr > td > .drip-table-expanded-row-fixed {
margin: -8px -9px;
}
- .ant-table.ant-table-bordered > .ant-table-footer {
+ .drip-table.drip-table-bordered > .drip-table-footer {
border: 1px solid #f0f0f0;
border-top: 0;
}
- .ant-table-cell .ant-table-container:first-child {
+ .drip-table-cell .drip-table-container:first-child {
border-top: 0;
}
- .ant-table-cell-scrollbar {
+ .drip-table-cell-scrollbar {
box-shadow: 0 1px 0 1px #fafafa;
}
- .ant-table-wrapper {
+ .drip-table-wrapper {
clear: both;
max-width: 100%;
}
- .ant-table-wrapper::before {
+ .drip-table-wrapper::before {
display: table;
content: '';
}
- .ant-table-wrapper::after {
+ .drip-table-wrapper::after {
display: table;
clear: both;
content: '';
}
- .ant-table {
+ .drip-table {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
@@ -23145,64 +25045,65 @@
font-size: 14px;
background: #fff;
border-radius: 2px;
+ line-height: 1.6429;
}
- .ant-table table {
+ .drip-table table {
width: 100%;
text-align: left;
border-radius: 2px 2px 0 0;
border-collapse: separate;
border-spacing: 0;
}
- .ant-table-thead > tr > th,
- .ant-table-tbody > tr > td,
- .ant-table tfoot > tr > th,
- .ant-table tfoot > tr > td {
+ .drip-table-thead > tr > th,
+ .drip-table-tbody > tr > td,
+ .drip-table tfoot > tr > th,
+ .drip-table tfoot > tr > td {
position: relative;
padding: 16px 16px;
overflow-wrap: break-word;
}
- .ant-table-cell-ellipsis {
+ .drip-table-cell-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-break: keep-all;
}
- .ant-table-cell-ellipsis.ant-table-cell-fix-left-last,
- .ant-table-cell-ellipsis.ant-table-cell-fix-right-first {
+ .drip-table-cell-ellipsis.drip-table-cell-fix-left-last,
+ .drip-table-cell-ellipsis.drip-table-cell-fix-right-first {
overflow: visible;
}
- .ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,
- .ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content {
+ .drip-table-cell-ellipsis.drip-table-cell-fix-left-last .drip-table-cell-content,
+ .drip-table-cell-ellipsis.drip-table-cell-fix-right-first .drip-table-cell-content {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
- .ant-table-cell-ellipsis .ant-table-column-title {
+ .drip-table-cell-ellipsis .drip-table-column-title {
overflow: hidden;
text-overflow: ellipsis;
word-break: keep-all;
}
- .ant-table-title {
+ .drip-table-title {
padding: 16px 16px;
}
- .ant-table-footer {
+ .drip-table-footer {
padding: 16px 16px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
background: #fafafa;
}
- .ant-table-thead > tr > th {
+ .drip-table-thead > tr > th {
position: relative;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: 500;
text-align: left;
background: #fafafa;
border-bottom: 1px solid #f0f0f0;
transition: background 0.3s ease;
}
- .ant-table-thead > tr > th[colspan]:not([colspan='1']) {
+ .drip-table-thead > tr > th[colspan]:not([colspan='1']) {
text-align: center;
}
- .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
+ .drip-table-thead > tr > th:not(:last-child):not(.drip-table-selection-column):not(.drip-table-row-expand-icon-cell):not([colspan])::before {
position: absolute;
top: 50%;
right: 0;
@@ -23213,104 +25114,104 @@
transition: background-color 0.3s;
content: '';
}
- .ant-table-thead > tr:not(:last-child) > th[colspan] {
+ .drip-table-thead > tr:not(:last-child) > th[colspan] {
border-bottom: 0;
}
- .ant-table-tbody > tr > td {
+ .drip-table-tbody > tr > td {
border-bottom: 1px solid #f0f0f0;
transition: background 0.3s;
}
- .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table,
- .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table {
+ .drip-table-tbody > tr > td > .drip-table-wrapper:only-child .drip-table,
+ .drip-table-tbody > tr > td > .drip-table-expanded-row-fixed > .drip-table-wrapper:only-child .drip-table {
margin: -16px -16px -16px 33px;
}
- .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td,
- .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td {
+ .drip-table-tbody > tr > td > .drip-table-wrapper:only-child .drip-table-tbody > tr:last-child > td,
+ .drip-table-tbody > tr > td > .drip-table-expanded-row-fixed > .drip-table-wrapper:only-child .drip-table-tbody > tr:last-child > td {
border-bottom: 0;
}
- .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
- .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
- .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child,
- .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child {
+ .drip-table-tbody > tr > td > .drip-table-wrapper:only-child .drip-table-tbody > tr:last-child > td:first-child,
+ .drip-table-tbody > tr > td > .drip-table-expanded-row-fixed > .drip-table-wrapper:only-child .drip-table-tbody > tr:last-child > td:first-child,
+ .drip-table-tbody > tr > td > .drip-table-wrapper:only-child .drip-table-tbody > tr:last-child > td:last-child,
+ .drip-table-tbody > tr > td > .drip-table-expanded-row-fixed > .drip-table-wrapper:only-child .drip-table-tbody > tr:last-child > td:last-child {
border-radius: 0;
}
- .ant-table-tbody > tr.ant-table-row:hover > td {
+ .drip-table-tbody > tr.drip-table-row:hover > td {
background: #fafafa;
}
- .ant-table-tbody > tr.ant-table-row-selected > td {
- background: #e6f7ff;
+ .drip-table-tbody > tr.drip-table-row-selected > td {
+ background: #f0f6ff;
border-color: rgba(0, 0, 0, 0.03);
}
- .ant-table-tbody > tr.ant-table-row-selected:hover > td {
- background: #dcf4ff;
+ .drip-table-tbody > tr.drip-table-row-selected:hover > td {
+ background: #e6f0ff;
}
- .ant-table-summary {
+ .drip-table-summary {
position: relative;
z-index: 2;
background: #fff;
}
- div.ant-table-summary {
+ div.drip-table-summary {
box-shadow: 0 -1px 0 #f0f0f0;
}
- .ant-table-summary > tr > th,
- .ant-table-summary > tr > td {
+ .drip-table-summary > tr > th,
+ .drip-table-summary > tr > td {
border-bottom: 1px solid #f0f0f0;
}
- .ant-table-pagination.ant-pagination {
+ .drip-table-pagination.drip-pagination {
margin: 16px 0;
}
- .ant-table-pagination {
+ .drip-table-pagination {
display: flex;
flex-wrap: wrap;
row-gap: 8px;
}
- .ant-table-pagination > * {
+ .drip-table-pagination > * {
flex: none;
}
- .ant-table-pagination-left {
+ .drip-table-pagination-left {
justify-content: flex-start;
}
- .ant-table-pagination-center {
+ .drip-table-pagination-center {
justify-content: center;
}
- .ant-table-pagination-right {
+ .drip-table-pagination-right {
justify-content: flex-end;
}
- .ant-table-thead th.ant-table-column-has-sorters {
+ .drip-table-thead th.drip-table-column-has-sorters {
cursor: pointer;
transition: all 0.3s;
}
- .ant-table-thead th.ant-table-column-has-sorters:hover {
+ .drip-table-thead th.drip-table-column-has-sorters:hover {
background: rgba(0, 0, 0, 0.04);
}
- .ant-table-thead th.ant-table-column-has-sorters:hover::before {
+ .drip-table-thead th.drip-table-column-has-sorters:hover::before {
background-color: transparent !important;
}
- .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,
- .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover {
+ .drip-table-thead th.drip-table-column-has-sorters.drip-table-cell-fix-left:hover,
+ .drip-table-thead th.drip-table-column-has-sorters.drip-table-cell-fix-right:hover {
background: #f5f5f5;
}
- .ant-table-thead th.ant-table-column-sort {
+ .drip-table-thead th.drip-table-column-sort {
background: #f5f5f5;
}
- .ant-table-thead th.ant-table-column-sort::before {
+ .drip-table-thead th.drip-table-column-sort::before {
background-color: transparent !important;
}
- td.ant-table-column-sort {
+ td.drip-table-column-sort {
background: #fafafa;
}
- .ant-table-column-title {
+ .drip-table-column-title {
position: relative;
z-index: 1;
flex: 1;
}
- .ant-table-column-sorters {
+ .drip-table-column-sorters {
display: flex;
flex: auto;
align-items: center;
justify-content: space-between;
}
- .ant-table-column-sorters::after {
+ .drip-table-column-sorters::after {
position: absolute;
top: 0;
right: 0;
@@ -23320,35 +25221,35 @@
height: 100%;
content: '';
}
- .ant-table-column-sorter {
+ .drip-table-column-sorter {
color: #bfbfbf;
font-size: 0;
transition: color 0.3s;
}
- .ant-table-column-sorter-inner {
+ .drip-table-column-sorter-inner {
display: inline-flex;
flex-direction: column;
align-items: center;
}
- .ant-table-column-sorter-up,
- .ant-table-column-sorter-down {
+ .drip-table-column-sorter-up,
+ .drip-table-column-sorter-down {
font-size: 11px;
}
- .ant-table-column-sorter-up.active,
- .ant-table-column-sorter-down.active {
- color: #1890ff;
+ .drip-table-column-sorter-up.active,
+ .drip-table-column-sorter-down.active {
+ color: #2D64FF;
}
- .ant-table-column-sorter-up + .ant-table-column-sorter-down {
+ .drip-table-column-sorter-up + .drip-table-column-sorter-down {
margin-top: -0.3em;
}
- .ant-table-column-sorters:hover .ant-table-column-sorter {
+ .drip-table-column-sorters:hover .drip-table-column-sorter {
color: #a6a6a6;
}
- .ant-table-filter-column {
+ .drip-table-filter-column {
display: flex;
justify-content: space-between;
}
- .ant-table-filter-trigger {
+ .drip-table-filter-trigger {
position: relative;
display: flex;
align-items: center;
@@ -23360,18 +25261,18 @@
cursor: pointer;
transition: all 0.3s;
}
- .ant-table-filter-trigger:hover {
+ .drip-table-filter-trigger:hover {
color: rgba(0, 0, 0, 0.45);
background: rgba(0, 0, 0, 0.04);
}
- .ant-table-filter-trigger.active {
- color: #1890ff;
+ .drip-table-filter-trigger.active {
+ color: #2D64FF;
}
- .ant-table-filter-dropdown {
+ .drip-table-filter-dropdown {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -23382,22 +25283,22 @@
border-radius: 2px;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
- .ant-table-filter-dropdown .ant-dropdown-menu {
+ .drip-table-filter-dropdown .drip-dropdown-menu {
max-height: 264px;
overflow-x: hidden;
border: 0;
box-shadow: none;
}
- .ant-table-filter-dropdown-submenu > ul {
+ .drip-table-filter-dropdown-submenu > ul {
max-height: calc(100vh - 130px);
overflow-x: hidden;
overflow-y: auto;
}
- .ant-table-filter-dropdown .ant-checkbox-wrapper + span,
- .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
+ .drip-table-filter-dropdown .drip-checkbox-wrapper + span,
+ .drip-table-filter-dropdown-submenu .drip-checkbox-wrapper + span {
padding-left: 8px;
}
- .ant-table-filter-dropdown-btns {
+ .drip-table-filter-dropdown-btns {
display: flex;
justify-content: space-between;
padding: 7px 8px 7px 3px;
@@ -23405,31 +25306,31 @@
background-color: inherit;
border-top: 1px solid #f0f0f0;
}
- .ant-table-selection-col {
+ .drip-table-selection-col {
width: 32px;
}
- .ant-table-bordered .ant-table-selection-col {
+ .drip-table-bordered .drip-table-selection-col {
width: 50px;
}
- table tr th.ant-table-selection-column,
- table tr td.ant-table-selection-column {
+ table tr th.drip-table-selection-column,
+ table tr td.drip-table-selection-column {
padding-right: 8px;
padding-left: 8px;
text-align: center;
}
- table tr th.ant-table-selection-column .ant-radio-wrapper,
- table tr td.ant-table-selection-column .ant-radio-wrapper {
+ table tr th.drip-table-selection-column .drip-radio-wrapper,
+ table tr td.drip-table-selection-column .drip-radio-wrapper {
margin-right: 0;
}
- table tr th.ant-table-selection-column::after {
+ table tr th.drip-table-selection-column::after {
background-color: transparent !important;
}
- .ant-table-selection {
+ .drip-table-selection {
position: relative;
display: inline-flex;
flex-direction: column;
}
- .ant-table-selection-extra {
+ .drip-table-selection-extra {
position: absolute;
top: 0;
z-index: 1;
@@ -23440,25 +25341,25 @@
-webkit-padding-start: 4px;
padding-inline-start: 4px;
}
- .ant-table-selection-extra .anticon {
+ .drip-table-selection-extra .dripicon {
color: #bfbfbf;
font-size: 10px;
}
- .ant-table-selection-extra .anticon:hover {
+ .drip-table-selection-extra .dripicon:hover {
color: #a6a6a6;
}
- .ant-table-expand-icon-col {
+ .drip-table-expand-icon-col {
width: 48px;
}
- .ant-table-row-expand-icon-cell {
+ .drip-table-row-expand-icon-cell {
text-align: center;
}
- .ant-table-row-indent {
+ .drip-table-row-indent {
float: left;
height: 1px;
}
- .ant-table-row-expand-icon {
- color: #1890ff;
+ .drip-table-row-expand-icon {
+ color: #2D64FF;
text-decoration: none;
cursor: pointer;
transition: color 0.3s;
@@ -23482,91 +25383,92 @@
-ms-user-select: none;
user-select: none;
}
- .ant-table-row-expand-icon:focus,
- .ant-table-row-expand-icon:hover {
- color: #40a9ff;
+ .drip-table-row-expand-icon:focus,
+ .drip-table-row-expand-icon:hover {
+ color: #5789ff;
}
- .ant-table-row-expand-icon:active {
- color: #096dd9;
+ .drip-table-row-expand-icon:active {
+ color: #1c48d9;
}
- .ant-table-row-expand-icon:focus,
- .ant-table-row-expand-icon:hover,
- .ant-table-row-expand-icon:active {
+ .drip-table-row-expand-icon:focus,
+ .drip-table-row-expand-icon:hover,
+ .drip-table-row-expand-icon:active {
border-color: currentColor;
}
- .ant-table-row-expand-icon::before,
- .ant-table-row-expand-icon::after {
+ .drip-table-row-expand-icon::before,
+ .drip-table-row-expand-icon::after {
position: absolute;
background: currentColor;
transition: transform 0.3s ease-out;
content: '';
+ border-radius: 1px;
}
- .ant-table-row-expand-icon::before {
+ .drip-table-row-expand-icon::before {
top: 7px;
right: 3px;
left: 3px;
height: 1px;
}
- .ant-table-row-expand-icon::after {
+ .drip-table-row-expand-icon::after {
top: 3px;
bottom: 3px;
left: 7px;
width: 1px;
transform: rotate(90deg);
}
- .ant-table-row-expand-icon-collapsed::before {
+ .drip-table-row-expand-icon-collapsed::before {
transform: rotate(-180deg);
}
- .ant-table-row-expand-icon-collapsed::after {
+ .drip-table-row-expand-icon-collapsed::after {
transform: rotate(0deg);
}
- .ant-table-row-expand-icon-spaced {
+ .drip-table-row-expand-icon-spaced {
background: transparent;
border: 0;
visibility: hidden;
}
- .ant-table-row-expand-icon-spaced::before,
- .ant-table-row-expand-icon-spaced::after {
+ .drip-table-row-expand-icon-spaced::before,
+ .drip-table-row-expand-icon-spaced::after {
display: none;
content: none;
}
- .ant-table-row-indent + .ant-table-row-expand-icon {
+ .drip-table-row-indent + .drip-table-row-expand-icon {
margin-top: 2.5005px;
margin-right: 8px;
}
- tr.ant-table-expanded-row > td,
- tr.ant-table-expanded-row:hover > td {
+ tr.drip-table-expanded-row > td,
+ tr.drip-table-expanded-row:hover > td {
background: #fbfbfb;
}
- tr.ant-table-expanded-row .ant-descriptions-view {
+ tr.drip-table-expanded-row .drip-descriptions-view {
display: flex;
}
- tr.ant-table-expanded-row .ant-descriptions-view table {
+ tr.drip-table-expanded-row .drip-descriptions-view table {
flex: auto;
width: auto;
}
- .ant-table .ant-table-expanded-row-fixed {
+ .drip-table .drip-table-expanded-row-fixed {
position: relative;
margin: -16px -16px;
padding: 16px 16px;
}
- .ant-table-tbody > tr.ant-table-placeholder {
+ .drip-table-tbody > tr.drip-table-placeholder {
text-align: center;
}
- .ant-table-empty .ant-table-tbody > tr.ant-table-placeholder {
+ .drip-table-empty .drip-table-tbody > tr.drip-table-placeholder {
color: rgba(0, 0, 0, 0.25);
}
- .ant-table-tbody > tr.ant-table-placeholder:hover > td {
+ .drip-table-tbody > tr.drip-table-placeholder:hover > td {
background: #fff;
}
- .ant-table-cell-fix-left,
- .ant-table-cell-fix-right {
+ .drip-table-cell-fix-left,
+ .drip-table-cell-fix-right {
position: sticky !important;
z-index: 2;
background: #fff;
}
- .ant-table-cell-fix-left-first::after,
- .ant-table-cell-fix-left-last::after {
+ .drip-table-cell-fix-left-first::after,
+ .drip-table-cell-fix-left-last::after {
position: absolute;
top: 0;
right: 0;
@@ -23577,8 +25479,8 @@
content: '';
pointer-events: none;
}
- .ant-table-cell-fix-right-first::after,
- .ant-table-cell-fix-right-last::after {
+ .drip-table-cell-fix-right-first::after,
+ .drip-table-cell-fix-right-last::after {
position: absolute;
top: 0;
bottom: -1px;
@@ -23589,8 +25491,8 @@
content: '';
pointer-events: none;
}
- .ant-table .ant-table-container::before,
- .ant-table .ant-table-container::after {
+ .drip-table .drip-table-container::before,
+ .drip-table .drip-table-container::after {
position: absolute;
top: 0;
bottom: 0;
@@ -23600,41 +25502,41 @@
content: '';
pointer-events: none;
}
- .ant-table .ant-table-container::before {
+ .drip-table .drip-table-container::before {
left: 0;
}
- .ant-table .ant-table-container::after {
+ .drip-table .drip-table-container::after {
right: 0;
}
- .ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container {
+ .drip-table-ping-left:not(.drip-table-has-fix-left) .drip-table-container {
position: relative;
}
- .ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before {
+ .drip-table-ping-left:not(.drip-table-has-fix-left) .drip-table-container::before {
box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
- .ant-table-ping-left .ant-table-cell-fix-left-first::after,
- .ant-table-ping-left .ant-table-cell-fix-left-last::after {
+ .drip-table-ping-left .drip-table-cell-fix-left-first::after,
+ .drip-table-ping-left .drip-table-cell-fix-left-last::after {
box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
- .ant-table-ping-left .ant-table-cell-fix-left-last::before {
+ .drip-table-ping-left .drip-table-cell-fix-left-last::before {
background-color: transparent !important;
}
- .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container {
+ .drip-table-ping-right:not(.drip-table-has-fix-right) .drip-table-container {
position: relative;
}
- .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after {
+ .drip-table-ping-right:not(.drip-table-has-fix-right) .drip-table-container::after {
box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
- .ant-table-ping-right .ant-table-cell-fix-right-first::after,
- .ant-table-ping-right .ant-table-cell-fix-right-last::after {
+ .drip-table-ping-right .drip-table-cell-fix-right-first::after,
+ .drip-table-ping-right .drip-table-cell-fix-right-last::after {
box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
- .ant-table-sticky-holder {
+ .drip-table-sticky-holder {
position: sticky;
z-index: 3;
background: #fff;
}
- .ant-table-sticky-scroll {
+ .drip-table-sticky-scroll {
position: sticky;
bottom: 0;
z-index: 3;
@@ -23644,124 +25546,124 @@
border-top: 1px solid #f0f0f0;
opacity: 0.6;
}
- .ant-table-sticky-scroll:hover {
+ .drip-table-sticky-scroll:hover {
transform-origin: center bottom;
}
- .ant-table-sticky-scroll-bar {
+ .drip-table-sticky-scroll-bar {
height: 8px;
background-color: rgba(0, 0, 0, 0.35);
border-radius: 4px;
}
- .ant-table-sticky-scroll-bar:hover {
+ .drip-table-sticky-scroll-bar:hover {
background-color: rgba(0, 0, 0, 0.8);
}
- .ant-table-sticky-scroll-bar-active {
+ .drip-table-sticky-scroll-bar-active {
background-color: rgba(0, 0, 0, 0.8);
}
@media all and (-ms-high-contrast: none) {
- .ant-table-ping-left .ant-table-cell-fix-left-last::after {
+ .drip-table-ping-left .drip-table-cell-fix-left-last::after {
box-shadow: none !important;
}
- .ant-table-ping-right .ant-table-cell-fix-right-first::after {
+ .drip-table-ping-right .drip-table-cell-fix-right-first::after {
box-shadow: none !important;
}
}
- .ant-table {
+ .drip-table {
/* title + table */
/* table */
/* table + footer */
}
- .ant-table-title {
+ .drip-table-title {
border-radius: 2px 2px 0 0;
}
- .ant-table-title + .ant-table-container {
+ .drip-table-title + .drip-table-container {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
- .ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child {
+ .drip-table-title + .drip-table-container table > thead > tr:first-child th:first-child {
border-radius: 0;
}
- .ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child {
+ .drip-table-title + .drip-table-container table > thead > tr:first-child th:last-child {
border-radius: 0;
}
- .ant-table-container {
+ .drip-table-container {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
- .ant-table-container table > thead > tr:first-child th:first-child {
+ .drip-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 2px;
}
- .ant-table-container table > thead > tr:first-child th:last-child {
+ .drip-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 2px;
}
- .ant-table-footer {
+ .drip-table-footer {
border-radius: 0 0 2px 2px;
}
- .ant-table-wrapper-rtl {
+ .drip-table-wrapper-rtl {
direction: rtl;
}
- .ant-table-rtl {
+ .drip-table-rtl {
direction: rtl;
}
- .ant-table-wrapper-rtl .ant-table table {
+ .drip-table-wrapper-rtl .drip-table table {
text-align: right;
}
- .ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan='1']) {
+ .drip-table-wrapper-rtl .drip-table-thead > tr > th[colspan]:not([colspan='1']) {
text-align: center;
}
- .ant-table-wrapper-rtl .ant-table-thead > tr > th {
+ .drip-table-wrapper-rtl .drip-table-thead > tr > th {
text-align: right;
}
- .ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl {
+ .drip-table-tbody > tr .drip-table-wrapper:only-child .drip-table.drip-table-rtl {
margin: -16px 33px -16px -16px;
}
- .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left {
+ .drip-table-wrapper.drip-table-wrapper-rtl .drip-table-pagination-left {
justify-content: flex-end;
}
- .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right {
+ .drip-table-wrapper.drip-table-wrapper-rtl .drip-table-pagination-right {
justify-content: flex-start;
}
- .ant-table-wrapper-rtl .ant-table-column-sorter {
+ .drip-table-wrapper-rtl .drip-table-column-sorter {
margin-right: 8px;
margin-left: 0;
}
- .ant-table-wrapper-rtl .ant-table-filter-column-title {
+ .drip-table-wrapper-rtl .drip-table-filter-column-title {
padding: 16px 16px 16px 2.3em;
}
- .ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title {
+ .drip-table-rtl .drip-table-thead tr th.drip-table-column-has-sorters .drip-table-filter-column-title {
padding: 0 0 0 2.3em;
}
- .ant-table-wrapper-rtl .ant-table-filter-trigger-container {
+ .drip-table-wrapper-rtl .drip-table-filter-trigger-container {
right: auto;
left: 0;
}
- .ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span,
- .ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span,
- .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
- .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
+ .drip-dropdown-rtl .drip-table-filter-dropdown .drip-checkbox-wrapper + span,
+ .drip-dropdown-rtl .drip-table-filter-dropdown-submenu .drip-checkbox-wrapper + span,
+ .drip-dropdown-menu-submenu-rtl.drip-table-filter-dropdown .drip-checkbox-wrapper + span,
+ .drip-dropdown-menu-submenu-rtl.drip-table-filter-dropdown-submenu .drip-checkbox-wrapper + span {
padding-right: 8px;
padding-left: 0;
}
- .ant-table-wrapper-rtl .ant-table-selection {
+ .drip-table-wrapper-rtl .drip-table-selection {
text-align: center;
}
- .ant-table-wrapper-rtl .ant-table-row-indent {
+ .drip-table-wrapper-rtl .drip-table-row-indent {
float: right;
}
- .ant-table-wrapper-rtl .ant-table-row-expand-icon {
+ .drip-table-wrapper-rtl .drip-table-row-expand-icon {
float: right;
}
- .ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon {
+ .drip-table-wrapper-rtl .drip-table-row-indent + .drip-table-row-expand-icon {
margin-right: 0;
margin-left: 8px;
}
- .ant-table-wrapper-rtl .ant-table-row-expand-icon::after {
+ .drip-table-wrapper-rtl .drip-table-row-expand-icon::after {
transform: rotate(-90deg);
}
- .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before {
+ .drip-table-wrapper-rtl .drip-table-row-expand-icon-collapsed::before {
transform: rotate(180deg);
}
- .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after {
+ .drip-table-wrapper-rtl .drip-table-row-expand-icon-collapsed::after {
transform: rotate(0deg);
}
@@ -23774,9 +25676,9 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-timeline {
+ .drip-timeline {
box-sizing: border-box;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -23785,28 +25687,28 @@
padding: 0;
list-style: none;
}
- .ant-timeline-item {
+ .drip-timeline-item {
position: relative;
margin: 0;
padding-bottom: 20px;
font-size: 14px;
list-style: none;
}
- .ant-timeline-item-tail {
+ .drip-timeline-item-tail {
position: absolute;
top: 10px;
left: 4px;
height: calc(100% - 10px);
border-left: 2px solid #f0f0f0;
}
- .ant-timeline-item-pending .ant-timeline-item-head {
+ .drip-timeline-item-pending .drip-timeline-item-head {
font-size: 12px;
background-color: transparent;
}
- .ant-timeline-item-pending .ant-timeline-item-tail {
+ .drip-timeline-item-pending .drip-timeline-item-tail {
display: none;
}
- .ant-timeline-item-head {
+ .drip-timeline-item-head {
position: absolute;
width: 10px;
height: 10px;
@@ -23814,23 +25716,23 @@
border: 2px solid transparent;
border-radius: 100px;
}
- .ant-timeline-item-head-blue {
- color: #1890ff;
- border-color: #1890ff;
+ .drip-timeline-item-head-blue {
+ color: #2D64FF;
+ border-color: #2D64FF;
}
- .ant-timeline-item-head-red {
- color: #ff4d4f;
- border-color: #ff4d4f;
+ .drip-timeline-item-head-red {
+ color: #FF4C4C;
+ border-color: #FF4C4C;
}
- .ant-timeline-item-head-green {
- color: #52c41a;
- border-color: #52c41a;
+ .drip-timeline-item-head-green {
+ color: #17C574;
+ border-color: #17C574;
}
- .ant-timeline-item-head-gray {
+ .drip-timeline-item-head-gray {
color: rgba(0, 0, 0, 0.25);
border-color: rgba(0, 0, 0, 0.25);
}
- .ant-timeline-item-head-custom {
+ .drip-timeline-item-head-custom {
position: absolute;
top: 5.5px;
left: 5px;
@@ -23844,165 +25746,165 @@
border-radius: 0;
transform: translate(-50%, -50%);
}
- .ant-timeline-item-content {
+ .drip-timeline-item-content {
position: relative;
top: -7.001px;
margin: 0 0 0 26px;
word-break: break-word;
}
- .ant-timeline-item-last > .ant-timeline-item-tail {
+ .drip-timeline-item-last > .drip-timeline-item-tail {
display: none;
}
- .ant-timeline-item-last > .ant-timeline-item-content {
+ .drip-timeline-item-last > .drip-timeline-item-content {
min-height: 48px;
}
- .ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
- .ant-timeline.ant-timeline-right .ant-timeline-item-tail,
- .ant-timeline.ant-timeline-label .ant-timeline-item-tail,
- .ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
- .ant-timeline.ant-timeline-right .ant-timeline-item-head,
- .ant-timeline.ant-timeline-label .ant-timeline-item-head,
- .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
- .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
- .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
+ .drip-timeline.drip-timeline-alternate .drip-timeline-item-tail,
+ .drip-timeline.drip-timeline-right .drip-timeline-item-tail,
+ .drip-timeline.drip-timeline-label .drip-timeline-item-tail,
+ .drip-timeline.drip-timeline-alternate .drip-timeline-item-head,
+ .drip-timeline.drip-timeline-right .drip-timeline-item-head,
+ .drip-timeline.drip-timeline-label .drip-timeline-item-head,
+ .drip-timeline.drip-timeline-alternate .drip-timeline-item-head-custom,
+ .drip-timeline.drip-timeline-right .drip-timeline-item-head-custom,
+ .drip-timeline.drip-timeline-label .drip-timeline-item-head-custom {
left: 50%;
}
- .ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
- .ant-timeline.ant-timeline-right .ant-timeline-item-head,
- .ant-timeline.ant-timeline-label .ant-timeline-item-head {
+ .drip-timeline.drip-timeline-alternate .drip-timeline-item-head,
+ .drip-timeline.drip-timeline-right .drip-timeline-item-head,
+ .drip-timeline.drip-timeline-label .drip-timeline-item-head {
margin-left: -4px;
}
- .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
- .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
- .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
+ .drip-timeline.drip-timeline-alternate .drip-timeline-item-head-custom,
+ .drip-timeline.drip-timeline-right .drip-timeline-item-head-custom,
+ .drip-timeline.drip-timeline-label .drip-timeline-item-head-custom {
margin-left: 1px;
}
- .ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
- .ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
- .ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
+ .drip-timeline.drip-timeline-alternate .drip-timeline-item-left .drip-timeline-item-content,
+ .drip-timeline.drip-timeline-right .drip-timeline-item-left .drip-timeline-item-content,
+ .drip-timeline.drip-timeline-label .drip-timeline-item-left .drip-timeline-item-content {
left: calc(50% - 4px);
width: calc(50% - 14px);
text-align: left;
}
- .ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
- .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,
- .ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
+ .drip-timeline.drip-timeline-alternate .drip-timeline-item-right .drip-timeline-item-content,
+ .drip-timeline.drip-timeline-right .drip-timeline-item-right .drip-timeline-item-content,
+ .drip-timeline.drip-timeline-label .drip-timeline-item-right .drip-timeline-item-content {
width: calc(50% - 12px);
margin: 0;
text-align: right;
}
- .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
- .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
- .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
+ .drip-timeline.drip-timeline-right .drip-timeline-item-right .drip-timeline-item-tail,
+ .drip-timeline.drip-timeline-right .drip-timeline-item-right .drip-timeline-item-head,
+ .drip-timeline.drip-timeline-right .drip-timeline-item-right .drip-timeline-item-head-custom {
left: calc(100% - 4px - 2px);
}
- .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
+ .drip-timeline.drip-timeline-right .drip-timeline-item-right .drip-timeline-item-content {
width: calc(100% - 18px);
}
- .ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
+ .drip-timeline.drip-timeline-pending .drip-timeline-item-last .drip-timeline-item-tail {
display: block;
height: calc(100% - 14px);
border-left: 2px dotted #f0f0f0;
}
- .ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail {
+ .drip-timeline.drip-timeline-reverse .drip-timeline-item-last .drip-timeline-item-tail {
display: none;
}
- .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
+ .drip-timeline.drip-timeline-reverse .drip-timeline-item-pending .drip-timeline-item-tail {
top: 15px;
display: block;
height: calc(100% - 15px);
border-left: 2px dotted #f0f0f0;
}
- .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content {
+ .drip-timeline.drip-timeline-reverse .drip-timeline-item-pending .drip-timeline-item-content {
min-height: 48px;
}
- .ant-timeline.ant-timeline-label .ant-timeline-item-label {
+ .drip-timeline.drip-timeline-label .drip-timeline-item-label {
position: absolute;
top: -7.001px;
width: calc(50% - 12px);
text-align: right;
}
- .ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
+ .drip-timeline.drip-timeline-label .drip-timeline-item-right .drip-timeline-item-label {
left: calc(50% + 14px);
width: calc(50% - 14px);
text-align: left;
}
- .ant-timeline-rtl {
+ .drip-timeline-rtl {
direction: rtl;
}
- .ant-timeline-rtl .ant-timeline-item-tail {
+ .drip-timeline-rtl .drip-timeline-item-tail {
right: 4px;
left: auto;
border-right: 2px solid #f0f0f0;
border-left: none;
}
- .ant-timeline-rtl .ant-timeline-item-head-custom {
+ .drip-timeline-rtl .drip-timeline-item-head-custom {
right: 5px;
left: auto;
transform: translate(50%, -50%);
}
- .ant-timeline-rtl .ant-timeline-item-content {
+ .drip-timeline-rtl .drip-timeline-item-content {
margin: 0 18px 0 0;
}
- .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
- .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
- .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
- .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
- .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
- .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,
- .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
- .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
- .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
+ .drip-timeline-rtl.drip-timeline.drip-timeline-alternate .drip-timeline-item-tail,
+ .drip-timeline-rtl.drip-timeline.drip-timeline-right .drip-timeline-item-tail,
+ .drip-timeline-rtl.drip-timeline.drip-timeline-label .drip-timeline-item-tail,
+ .drip-timeline-rtl.drip-timeline.drip-timeline-alternate .drip-timeline-item-head,
+ .drip-timeline-rtl.drip-timeline.drip-timeline-right .drip-timeline-item-head,
+ .drip-timeline-rtl.drip-timeline.drip-timeline-label .drip-timeline-item-head,
+ .drip-timeline-rtl.drip-timeline.drip-timeline-alternate .drip-timeline-item-head-custom,
+ .drip-timeline-rtl.drip-timeline.drip-timeline-right .drip-timeline-item-head-custom,
+ .drip-timeline-rtl.drip-timeline.drip-timeline-label .drip-timeline-item-head-custom {
right: 50%;
left: auto;
}
- .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
- .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
- .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head {
+ .drip-timeline-rtl.drip-timeline.drip-timeline-alternate .drip-timeline-item-head,
+ .drip-timeline-rtl.drip-timeline.drip-timeline-right .drip-timeline-item-head,
+ .drip-timeline-rtl.drip-timeline.drip-timeline-label .drip-timeline-item-head {
margin-right: -4px;
margin-left: 0;
}
- .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
- .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
- .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
+ .drip-timeline-rtl.drip-timeline.drip-timeline-alternate .drip-timeline-item-head-custom,
+ .drip-timeline-rtl.drip-timeline.drip-timeline-right .drip-timeline-item-head-custom,
+ .drip-timeline-rtl.drip-timeline.drip-timeline-label .drip-timeline-item-head-custom {
margin-right: 1px;
margin-left: 0;
}
- .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
- .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
- .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
+ .drip-timeline-rtl.drip-timeline.drip-timeline-alternate .drip-timeline-item-left .drip-timeline-item-content,
+ .drip-timeline-rtl.drip-timeline.drip-timeline-right .drip-timeline-item-left .drip-timeline-item-content,
+ .drip-timeline-rtl.drip-timeline.drip-timeline-label .drip-timeline-item-left .drip-timeline-item-content {
right: calc(50% - 4px);
left: auto;
text-align: right;
}
- .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
- .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,
- .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
+ .drip-timeline-rtl.drip-timeline.drip-timeline-alternate .drip-timeline-item-right .drip-timeline-item-content,
+ .drip-timeline-rtl.drip-timeline.drip-timeline-right .drip-timeline-item-right .drip-timeline-item-content,
+ .drip-timeline-rtl.drip-timeline.drip-timeline-label .drip-timeline-item-right .drip-timeline-item-content {
text-align: left;
}
- .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
- .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
- .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
+ .drip-timeline-rtl.drip-timeline.drip-timeline-right .drip-timeline-item-right .drip-timeline-item-tail,
+ .drip-timeline-rtl.drip-timeline.drip-timeline-right .drip-timeline-item-right .drip-timeline-item-head,
+ .drip-timeline-rtl.drip-timeline.drip-timeline-right .drip-timeline-item-right .drip-timeline-item-head-custom {
right: 0;
left: auto;
}
- .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
+ .drip-timeline-rtl.drip-timeline.drip-timeline-right .drip-timeline-item-right .drip-timeline-item-content {
width: 100%;
margin-right: 18px;
text-align: right;
}
- .ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
+ .drip-timeline-rtl.drip-timeline.drip-timeline-pending .drip-timeline-item-last .drip-timeline-item-tail {
border-right: 2px dotted #f0f0f0;
border-left: none;
}
- .ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
+ .drip-timeline-rtl.drip-timeline.drip-timeline-reverse .drip-timeline-item-pending .drip-timeline-item-tail {
border-right: 2px dotted #f0f0f0;
border-left: none;
}
- .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label {
+ .drip-timeline-rtl.drip-timeline.drip-timeline-label .drip-timeline-item-label {
text-align: left;
}
- .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
+ .drip-timeline-rtl.drip-timeline.drip-timeline-label .drip-timeline-item-right .drip-timeline-item-label {
right: calc(50% + 14px);
text-align: right;
}
@@ -24011,7 +25913,7 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- @-webkit-keyframes antCheckboxEffect {
+ @-webkit-keyframes dripCheckboxEffect {
0% {
transform: scale(1);
opacity: 0.5;
@@ -24021,7 +25923,7 @@
opacity: 0;
}
}
- @keyframes antCheckboxEffect {
+ @keyframes dripCheckboxEffect {
0% {
transform: scale(1);
opacity: 0.5;
@@ -24031,36 +25933,40 @@
opacity: 0;
}
}
- .ant-transfer-customize-list .ant-transfer-list {
+ .drip-transfer-customize-list .drip-transfer-list {
flex: 1 1 50%;
width: auto;
height: auto;
min-height: 200px;
}
- .ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
+ .drip-transfer-customize-list .drip-table-wrapper .drip-table-small {
border: 0;
border-radius: 0;
}
- .ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
+ .drip-transfer-customize-list .drip-table-wrapper .drip-table-small .drip-table-selection-column {
+ width: 40px;
+ min-width: 40px;
+ }
+ .drip-transfer-customize-list .drip-table-wrapper .drip-table-small > .drip-table-content > .drip-table-body > table > .drip-table-thead > tr > th {
background: #fafafa;
}
- .ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td {
+ .drip-transfer-customize-list .drip-table-wrapper .drip-table-small > .drip-table-content .drip-table-row:last-child td {
border-bottom: 1px solid #f0f0f0;
}
- .ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body {
+ .drip-transfer-customize-list .drip-table-wrapper .drip-table-small .drip-table-body {
margin: 0;
}
- .ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination {
+ .drip-transfer-customize-list .drip-table-wrapper .drip-table-pagination.drip-pagination {
margin: 16px 0 4px;
}
- .ant-transfer-customize-list .ant-input[disabled] {
+ .drip-transfer-customize-list .drip-input[disabled] {
background-color: transparent;
}
- .ant-transfer {
+ .drip-transfer {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -24070,10 +25976,10 @@
display: flex;
align-items: stretch;
}
- .ant-transfer-disabled .ant-transfer-list {
+ .drip-transfer-disabled .drip-transfer-list {
background: #f5f5f5;
}
- .ant-transfer-list {
+ .drip-transfer-list {
display: flex;
flex-direction: column;
width: 180px;
@@ -24081,15 +25987,15 @@
border: 1px solid #d9d9d9;
border-radius: 2px;
}
- .ant-transfer-list-with-pagination {
+ .drip-transfer-list-with-pagination {
width: 250px;
height: auto;
}
- .ant-transfer-list-search {
+ .drip-transfer-list-search {
padding-right: 24px;
padding-left: 8px;
}
- .ant-transfer-list-search-action {
+ .drip-transfer-list-search-action {
position: absolute;
top: 12px;
right: 12px;
@@ -24099,68 +26005,68 @@
line-height: 32px;
text-align: center;
}
- .ant-transfer-list-search-action .anticon {
+ .drip-transfer-list-search-action .dripicon {
color: rgba(0, 0, 0, 0.25);
transition: all 0.3s;
}
- .ant-transfer-list-search-action .anticon:hover {
+ .drip-transfer-list-search-action .dripicon:hover {
color: rgba(0, 0, 0, 0.45);
}
- span.ant-transfer-list-search-action {
+ span.drip-transfer-list-search-action {
pointer-events: none;
}
- .ant-transfer-list-header {
+ .drip-transfer-list-header {
display: flex;
flex: none;
align-items: center;
height: 40px;
padding: 8px 12px 9px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
background: #fff;
border-bottom: 1px solid #f0f0f0;
border-radius: 2px 2px 0 0;
}
- .ant-transfer-list-header > *:not(:last-child) {
+ .drip-transfer-list-header > *:not(:last-child) {
margin-right: 4px;
}
- .ant-transfer-list-header > * {
+ .drip-transfer-list-header > * {
flex: none;
}
- .ant-transfer-list-header-title {
+ .drip-transfer-list-header-title {
flex: auto;
overflow: hidden;
white-space: nowrap;
text-align: right;
text-overflow: ellipsis;
}
- .ant-transfer-list-header-dropdown {
+ .drip-transfer-list-header-dropdown {
font-size: 10px;
transform: translateY(10%);
cursor: pointer;
}
- .ant-transfer-list-header-dropdown[disabled] {
+ .drip-transfer-list-header-dropdown[disabled] {
cursor: not-allowed;
}
- .ant-transfer-list-body {
+ .drip-transfer-list-body {
display: flex;
flex: auto;
flex-direction: column;
overflow: hidden;
font-size: 14px;
}
- .ant-transfer-list-body-search-wrapper {
+ .drip-transfer-list-body-search-wrapper {
position: relative;
flex: none;
padding: 12px;
}
- .ant-transfer-list-content {
+ .drip-transfer-list-content {
flex: auto;
margin: 0;
padding: 0;
overflow: auto;
list-style: none;
}
- .ant-transfer-list-content-item {
+ .drip-transfer-list-content-item {
display: flex;
align-items: center;
min-height: 32px;
@@ -24168,20 +26074,20 @@
line-height: 20px;
transition: all 0.3s;
}
- .ant-transfer-list-content-item > *:not(:last-child) {
+ .drip-transfer-list-content-item > *:not(:last-child) {
margin-right: 8px;
}
- .ant-transfer-list-content-item > * {
+ .drip-transfer-list-content-item > * {
flex: none;
}
- .ant-transfer-list-content-item-text {
+ .drip-transfer-list-content-item-text {
flex: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
- .ant-transfer-list-content-item-remove {
- color: #1890ff;
+ .drip-transfer-list-content-item-remove {
+ color: #2D64FF;
text-decoration: none;
outline: none;
cursor: pointer;
@@ -24189,14 +26095,14 @@
position: relative;
color: #d9d9d9;
}
- .ant-transfer-list-content-item-remove:focus,
- .ant-transfer-list-content-item-remove:hover {
- color: #40a9ff;
+ .drip-transfer-list-content-item-remove:focus,
+ .drip-transfer-list-content-item-remove:hover {
+ color: #5789ff;
}
- .ant-transfer-list-content-item-remove:active {
- color: #096dd9;
+ .drip-transfer-list-content-item-remove:active {
+ color: #1c48d9;
}
- .ant-transfer-list-content-item-remove::after {
+ .drip-transfer-list-content-item-remove::after {
position: absolute;
top: -6px;
right: -50%;
@@ -24204,43 +26110,43 @@
left: -50%;
content: '';
}
- .ant-transfer-list-content-item-remove:hover {
- color: #40a9ff;
+ .drip-transfer-list-content-item-remove:hover {
+ color: #5789ff;
}
- .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
+ .drip-transfer-list-content-item:not(.drip-transfer-list-content-item-disabled):hover {
background-color: #f5f5f5;
cursor: pointer;
}
- .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover {
- background-color: #dcf4ff;
+ .drip-transfer-list-content-item:not(.drip-transfer-list-content-item-disabled).drip-transfer-list-content-item-checked:hover {
+ background-color: #e6f0ff;
}
- .ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
+ .drip-transfer-list-content-show-remove .drip-transfer-list-content-item:not(.drip-transfer-list-content-item-disabled):hover {
background: transparent;
cursor: default;
}
- .ant-transfer-list-content-item-checked {
- background-color: #e6f7ff;
+ .drip-transfer-list-content-item-checked {
+ background-color: #f0f6ff;
}
- .ant-transfer-list-content-item-disabled {
+ .drip-transfer-list-content-item-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
- .ant-transfer-list-pagination {
+ .drip-transfer-list-pagination {
padding: 8px 0;
text-align: right;
border-top: 1px solid #f0f0f0;
}
- .ant-transfer-list-body-not-found {
+ .drip-transfer-list-body-not-found {
flex: none;
width: 100%;
margin: auto 0;
color: rgba(0, 0, 0, 0.25);
text-align: center;
}
- .ant-transfer-list-footer {
+ .drip-transfer-list-footer {
border-top: 1px solid #f0f0f0;
}
- .ant-transfer-operation {
+ .drip-transfer-operation {
display: flex;
flex: none;
flex-direction: column;
@@ -24248,48 +26154,48 @@
margin: 0 8px;
vertical-align: middle;
}
- .ant-transfer-operation .ant-btn {
+ .drip-transfer-operation .drip-btn {
display: block;
}
- .ant-transfer-operation .ant-btn:first-child {
+ .drip-transfer-operation .drip-btn:first-child {
margin-bottom: 4px;
}
- .ant-transfer-operation .ant-btn .anticon {
+ .drip-transfer-operation .drip-btn .dripicon {
font-size: 12px;
}
- .ant-transfer .ant-empty-image {
+ .drip-transfer .drip-empty-image {
max-height: -2px;
}
- .ant-transfer-rtl {
+ .drip-transfer-rtl {
direction: rtl;
}
- .ant-transfer-rtl .ant-transfer-list-search {
+ .drip-transfer-rtl .drip-transfer-list-search {
padding-right: 8px;
padding-left: 24px;
}
- .ant-transfer-rtl .ant-transfer-list-search-action {
+ .drip-transfer-rtl .drip-transfer-list-search-action {
right: auto;
left: 12px;
}
- .ant-transfer-rtl .ant-transfer-list-header > *:not(:last-child) {
+ .drip-transfer-rtl .drip-transfer-list-header > *:not(:last-child) {
margin-right: 0;
margin-left: 4px;
}
- .ant-transfer-rtl .ant-transfer-list-header {
+ .drip-transfer-rtl .drip-transfer-list-header {
right: 0;
left: auto;
}
- .ant-transfer-rtl .ant-transfer-list-header-title {
+ .drip-transfer-rtl .drip-transfer-list-header-title {
text-align: left;
}
- .ant-transfer-rtl .ant-transfer-list-content-item > *:not(:last-child) {
+ .drip-transfer-rtl .drip-transfer-list-content-item > *:not(:last-child) {
margin-right: 0;
margin-left: 8px;
}
- .ant-transfer-rtl .ant-transfer-list-pagination {
+ .drip-transfer-rtl .drip-transfer-list-pagination {
text-align: left;
}
- .ant-transfer-rtl .ant-transfer-list-footer {
+ .drip-transfer-rtl .drip-transfer-list-footer {
right: 0;
left: auto;
}
@@ -24298,12 +26204,12 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
+ .drip-tree-treenode-leaf-last .drip-tree-switcher-leaf-line::before {
top: auto !important;
bottom: auto !important;
height: 14px !important;
}
- @-webkit-keyframes antCheckboxEffect {
+ @-webkit-keyframes dripCheckboxEffect {
0% {
transform: scale(1);
opacity: 0.5;
@@ -24313,7 +26219,7 @@
opacity: 0;
}
}
- @keyframes antCheckboxEffect {
+ @keyframes dripCheckboxEffect {
0% {
transform: scale(1);
opacity: 0.5;
@@ -24323,11 +26229,11 @@
opacity: 0;
}
}
- .ant-select-tree-checkbox {
+ .drip-select-tree-checkbox {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -24340,31 +26246,31 @@
outline: none;
cursor: pointer;
}
- .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
- .ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
- .ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
- border-color: #1890ff;
+ .drip-select-tree-checkbox-wrapper:hover .drip-select-tree-checkbox-inner,
+ .drip-select-tree-checkbox:hover .drip-select-tree-checkbox-inner,
+ .drip-select-tree-checkbox-input:focus + .drip-select-tree-checkbox-inner {
+ border-color: #2D64FF;
}
- .ant-select-tree-checkbox-checked::after {
+ .drip-select-tree-checkbox-checked::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
- border: 1px solid #1890ff;
+ border: 1px solid #2D64FF;
border-radius: 2px;
visibility: hidden;
- -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
- animation: antCheckboxEffect 0.36s ease-in-out;
+ -webkit-animation: dripCheckboxEffect 0.36s ease-in-out;
+ animation: dripCheckboxEffect 0.36s ease-in-out;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
content: '';
}
- .ant-select-tree-checkbox:hover::after,
- .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
+ .drip-select-tree-checkbox:hover::after,
+ .drip-select-tree-checkbox-wrapper:hover .drip-select-tree-checkbox::after {
visibility: visible;
}
- .ant-select-tree-checkbox-inner {
+ .drip-select-tree-checkbox-inner {
position: relative;
top: 0;
left: 0;
@@ -24378,10 +26284,10 @@
border-collapse: separate;
transition: all 0.3s;
}
- .ant-select-tree-checkbox-inner::after {
+ .drip-select-tree-checkbox-inner::after {
position: absolute;
top: 50%;
- left: 22%;
+ left: 21.5%;
display: table;
width: 5.71428571px;
height: 9.14285714px;
@@ -24393,7 +26299,7 @@
transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
content: ' ';
}
- .ant-select-tree-checkbox-input {
+ .drip-select-tree-checkbox-input {
position: absolute;
top: 0;
right: 0;
@@ -24405,7 +26311,7 @@
cursor: pointer;
opacity: 0;
}
- .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
+ .drip-select-tree-checkbox-checked .drip-select-tree-checkbox-inner::after {
position: absolute;
display: table;
border: 2px solid #fff;
@@ -24416,44 +26322,44 @@
transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
content: ' ';
}
- .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
- background-color: #1890ff;
- border-color: #1890ff;
+ .drip-select-tree-checkbox-checked .drip-select-tree-checkbox-inner {
+ background-color: #2D64FF;
+ border-color: #2D64FF;
}
- .ant-select-tree-checkbox-disabled {
+ .drip-select-tree-checkbox-disabled {
cursor: not-allowed;
}
- .ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
+ .drip-select-tree-checkbox-disabled.drip-select-tree-checkbox-checked .drip-select-tree-checkbox-inner::after {
border-color: rgba(0, 0, 0, 0.25);
-webkit-animation-name: none;
animation-name: none;
}
- .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
+ .drip-select-tree-checkbox-disabled .drip-select-tree-checkbox-input {
cursor: not-allowed;
}
- .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
+ .drip-select-tree-checkbox-disabled .drip-select-tree-checkbox-inner {
background-color: #f5f5f5;
border-color: #d9d9d9 !important;
}
- .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
+ .drip-select-tree-checkbox-disabled .drip-select-tree-checkbox-inner::after {
border-color: #f5f5f5;
border-collapse: separate;
-webkit-animation-name: none;
animation-name: none;
}
- .ant-select-tree-checkbox-disabled + span {
+ .drip-select-tree-checkbox-disabled + span {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
- .ant-select-tree-checkbox-disabled:hover::after,
- .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after {
+ .drip-select-tree-checkbox-disabled:hover::after,
+ .drip-select-tree-checkbox-wrapper:hover .drip-select-tree-checkbox-disabled::after {
visibility: hidden;
}
- .ant-select-tree-checkbox-wrapper {
+ .drip-select-tree-checkbox-wrapper {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -24464,27 +26370,27 @@
line-height: unset;
cursor: pointer;
}
- .ant-select-tree-checkbox-wrapper::after {
+ .drip-select-tree-checkbox-wrapper::after {
display: inline-block;
width: 0;
overflow: hidden;
content: '\a0';
}
- .ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
+ .drip-select-tree-checkbox-wrapper.drip-select-tree-checkbox-wrapper-disabled {
cursor: not-allowed;
}
- .ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
+ .drip-select-tree-checkbox-wrapper + .drip-select-tree-checkbox-wrapper {
margin-left: 8px;
}
- .ant-select-tree-checkbox + span {
+ .drip-select-tree-checkbox + span {
padding-right: 8px;
padding-left: 8px;
}
- .ant-select-tree-checkbox-group {
+ .drip-select-tree-checkbox-group {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -24492,57 +26398,57 @@
font-feature-settings: 'tnum';
display: inline-block;
}
- .ant-select-tree-checkbox-group-item {
+ .drip-select-tree-checkbox-group-item {
margin-right: 8px;
}
- .ant-select-tree-checkbox-group-item:last-child {
+ .drip-select-tree-checkbox-group-item:last-child {
margin-right: 0;
}
- .ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
+ .drip-select-tree-checkbox-group-item + .drip-select-tree-checkbox-group-item {
margin-left: 0;
}
- .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
- background-color: #fff;
- border-color: #d9d9d9;
+ .drip-select-tree-checkbox-indeterminate .drip-select-tree-checkbox-inner {
+ background-color: #2D64FF;
+ border-color: #2D64FF;
}
- .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
+ .drip-select-tree-checkbox-indeterminate .drip-select-tree-checkbox-inner::after {
top: 50%;
left: 50%;
width: 8px;
- height: 8px;
- background-color: #1890ff;
+ height: 2px;
+ background-color: #fff;
border: 0;
transform: translate(-50%, -50%) scale(1);
opacity: 1;
content: ' ';
}
- .ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
+ .drip-select-tree-checkbox-indeterminate.drip-select-tree-checkbox-disabled .drip-select-tree-checkbox-inner::after {
background-color: rgba(0, 0, 0, 0.25);
border-color: rgba(0, 0, 0, 0.25);
}
- .ant-tree-select-dropdown {
+ .drip-tree-select-dropdown {
padding: 8px 4px 0;
}
- .ant-tree-select-dropdown-rtl {
+ .drip-tree-select-dropdown-rtl {
direction: rtl;
}
- .ant-tree-select-dropdown .ant-select-tree {
+ .drip-tree-select-dropdown .drip-select-tree {
border-radius: 0;
}
- .ant-tree-select-dropdown .ant-select-tree-list-holder-inner {
+ .drip-tree-select-dropdown .drip-select-tree-list-holder-inner {
align-items: stretch;
}
- .ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode {
+ .drip-tree-select-dropdown .drip-select-tree-list-holder-inner .drip-select-tree-treenode {
padding-bottom: 8px;
}
- .ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper {
+ .drip-tree-select-dropdown .drip-select-tree-list-holder-inner .drip-select-tree-treenode .drip-select-tree-node-content-wrapper {
flex: auto;
}
- .ant-select-tree {
+ .drip-select-tree {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -24552,39 +26458,39 @@
border-radius: 2px;
transition: background-color 0.3s;
}
- .ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
- background: #e6f7ff;
+ .drip-select-tree-focused:not(:hover):not(.drip-select-tree-active-focused) {
+ background: #f0f6ff;
}
- .ant-select-tree-list-holder-inner {
+ .drip-select-tree-list-holder-inner {
align-items: flex-start;
}
- .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner {
+ .drip-select-tree.drip-select-tree-block-node .drip-select-tree-list-holder-inner {
align-items: stretch;
}
- .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper {
+ .drip-select-tree.drip-select-tree-block-node .drip-select-tree-list-holder-inner .drip-select-tree-node-content-wrapper {
flex: auto;
}
- .ant-select-tree .ant-select-tree-treenode {
+ .drip-select-tree .drip-select-tree-treenode {
display: flex;
align-items: flex-start;
padding: 0 0 4px 0;
outline: none;
}
- .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
+ .drip-select-tree .drip-select-tree-treenode-disabled .drip-select-tree-node-content-wrapper {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
- .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover {
+ .drip-select-tree .drip-select-tree-treenode-disabled .drip-select-tree-node-content-wrapper:hover {
background: transparent;
}
- .ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper {
+ .drip-select-tree .drip-select-tree-treenode-active .drip-select-tree-node-content-wrapper {
background: #f5f5f5;
}
- .ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title {
+ .drip-select-tree .drip-select-tree-treenode:not(.drip-select-tree .drip-select-tree-treenode-disabled).filter-node .drip-select-tree-title {
color: inherit;
font-weight: 500;
}
- .ant-select-tree-indent {
+ .drip-select-tree-indent {
align-self: stretch;
white-space: nowrap;
-webkit-user-select: none;
@@ -24592,11 +26498,11 @@
-ms-user-select: none;
user-select: none;
}
- .ant-select-tree-indent-unit {
+ .drip-select-tree-indent-unit {
display: inline-block;
width: 24px;
}
- .ant-select-tree-switcher {
+ .drip-select-tree-switcher {
position: relative;
flex: none;
align-self: stretch;
@@ -24610,33 +26516,33 @@
-ms-user-select: none;
user-select: none;
}
- .ant-select-tree-switcher .ant-tree-switcher-icon,
- .ant-select-tree-switcher .ant-select-tree-switcher-icon {
+ .drip-select-tree-switcher .drip-tree-switcher-icon,
+ .drip-select-tree-switcher .drip-select-tree-switcher-icon {
display: inline-block;
font-size: 10px;
vertical-align: baseline;
}
- .ant-select-tree-switcher .ant-tree-switcher-icon svg,
- .ant-select-tree-switcher .ant-select-tree-switcher-icon svg {
+ .drip-select-tree-switcher .drip-tree-switcher-icon svg,
+ .drip-select-tree-switcher .drip-select-tree-switcher-icon svg {
transition: transform 0.3s;
}
- .ant-select-tree-switcher-noop {
+ .drip-select-tree-switcher-noop {
cursor: default;
}
- .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
+ .drip-select-tree-switcher_close .drip-select-tree-switcher-icon svg {
transform: rotate(-90deg);
}
- .ant-select-tree-switcher-loading-icon {
- color: #1890ff;
+ .drip-select-tree-switcher-loading-icon {
+ color: #2D64FF;
}
- .ant-select-tree-switcher-leaf-line {
+ .drip-select-tree-switcher-leaf-line {
position: relative;
z-index: 1;
display: inline-block;
width: 100%;
height: 100%;
}
- .ant-select-tree-switcher-leaf-line::before {
+ .drip-select-tree-switcher-leaf-line::before {
position: absolute;
top: 0;
bottom: -4px;
@@ -24644,7 +26550,7 @@
border-left: 1px solid #d9d9d9;
content: ' ';
}
- .ant-select-tree-switcher-leaf-line::after {
+ .drip-select-tree-switcher-leaf-line::after {
position: absolute;
width: 10px;
height: 14px;
@@ -24652,11 +26558,11 @@
border-bottom: 1px solid #d9d9d9;
content: ' ';
}
- .ant-select-tree-checkbox {
+ .drip-select-tree-checkbox {
top: initial;
margin: 4px 8px 0 0;
}
- .ant-select-tree .ant-select-tree-node-content-wrapper {
+ .drip-select-tree .drip-select-tree-node-content-wrapper {
position: relative;
z-index: auto;
min-height: 24px;
@@ -24669,13 +26575,13 @@
cursor: pointer;
transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
}
- .ant-select-tree .ant-select-tree-node-content-wrapper:hover {
+ .drip-select-tree .drip-select-tree-node-content-wrapper:hover {
background-color: #f5f5f5;
}
- .ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
- background-color: #bae7ff;
+ .drip-select-tree .drip-select-tree-node-content-wrapper.drip-select-tree-node-selected {
+ background-color: #d1e3ff;
}
- .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle {
+ .drip-select-tree .drip-select-tree-node-content-wrapper .drip-select-tree-iconEle {
display: inline-block;
width: 24px;
height: 24px;
@@ -24683,46 +26589,46 @@
text-align: center;
vertical-align: top;
}
- .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty {
+ .drip-select-tree .drip-select-tree-node-content-wrapper .drip-select-tree-iconEle:empty {
display: none;
}
- .ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover {
+ .drip-select-tree-unselectable .drip-select-tree-node-content-wrapper:hover {
background-color: transparent;
}
- .ant-select-tree-node-content-wrapper[draggable='true'] {
+ .drip-select-tree-node-content-wrapper[draggable='true'] {
line-height: 24px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
- .ant-select-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator {
+ .drip-select-tree-node-content-wrapper[draggable='true'] .drip-tree-drop-indicator {
position: absolute;
z-index: 1;
height: 2px;
- background-color: #1890ff;
+ background-color: #2D64FF;
border-radius: 1px;
pointer-events: none;
}
- .ant-select-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after {
+ .drip-select-tree-node-content-wrapper[draggable='true'] .drip-tree-drop-indicator::after {
position: absolute;
top: -3px;
left: -6px;
width: 8px;
height: 8px;
background-color: transparent;
- border: 2px solid #1890ff;
+ border: 2px solid #2D64FF;
border-radius: 50%;
content: '';
}
- .ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] {
- box-shadow: 0 0 0 2px #1890ff;
+ .drip-select-tree .drip-select-tree-treenode.drop-container > [draggable] {
+ box-shadow: 0 0 0 2px #2D64FF;
}
- .ant-select-tree-show-line .ant-select-tree-indent-unit {
+ .drip-select-tree-show-line .drip-select-tree-indent-unit {
position: relative;
height: 100%;
}
- .ant-select-tree-show-line .ant-select-tree-indent-unit::before {
+ .drip-select-tree-show-line .drip-select-tree-indent-unit::before {
position: absolute;
top: 0;
right: 12px;
@@ -24730,19 +26636,19 @@
border-right: 1px solid #d9d9d9;
content: '';
}
- .ant-select-tree-show-line .ant-select-tree-indent-unit-end::before {
+ .drip-select-tree-show-line .drip-select-tree-indent-unit-end::before {
display: none;
}
- .ant-select-tree-show-line .ant-select-tree-switcher {
+ .drip-select-tree-show-line .drip-select-tree-switcher {
background: #fff;
}
- .ant-select-tree-show-line .ant-select-tree-switcher-line-icon {
+ .drip-select-tree-show-line .drip-select-tree-switcher-line-icon {
vertical-align: -0.225em;
}
- .ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
+ .drip-tree-select-dropdown-rtl .drip-select-tree .drip-select-tree-switcher_close .drip-select-tree-switcher-icon svg {
transform: rotate(90deg);
}
- .ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon {
+ .drip-tree-select-dropdown-rtl .drip-select-tree .drip-select-tree-switcher-loading-icon {
transform: scaleY(-1);
}
@@ -24750,7 +26656,7 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- @-webkit-keyframes antCheckboxEffect {
+ @-webkit-keyframes dripCheckboxEffect {
0% {
transform: scale(1);
opacity: 0.5;
@@ -24760,7 +26666,7 @@
opacity: 0;
}
}
- @keyframes antCheckboxEffect {
+ @keyframes dripCheckboxEffect {
0% {
transform: scale(1);
opacity: 0.5;
@@ -24770,15 +26676,15 @@
opacity: 0;
}
}
- .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
+ .drip-tree-treenode-leaf-last .drip-tree-switcher-leaf-line::before {
top: auto !important;
bottom: auto !important;
height: 14px !important;
}
- .ant-tree.ant-tree-directory .ant-tree-treenode {
+ .drip-tree.drip-tree-directory .drip-tree-treenode {
position: relative;
}
- .ant-tree.ant-tree-directory .ant-tree-treenode::before {
+ .drip-tree.drip-tree-directory .drip-tree-treenode::before {
position: absolute;
top: 0;
right: 0;
@@ -24788,45 +26694,45 @@
content: '';
pointer-events: none;
}
- .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
+ .drip-tree.drip-tree-directory .drip-tree-treenode:hover::before {
background: #f5f5f5;
}
- .ant-tree.ant-tree-directory .ant-tree-treenode > * {
+ .drip-tree.drip-tree-directory .drip-tree-treenode > * {
z-index: 1;
}
- .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher {
+ .drip-tree.drip-tree-directory .drip-tree-treenode .drip-tree-switcher {
transition: color 0.3s;
}
- .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper {
+ .drip-tree.drip-tree-directory .drip-tree-treenode .drip-tree-node-content-wrapper {
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
- .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
+ .drip-tree.drip-tree-directory .drip-tree-treenode .drip-tree-node-content-wrapper:hover {
background: transparent;
}
- .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected {
+ .drip-tree.drip-tree-directory .drip-tree-treenode .drip-tree-node-content-wrapper.drip-tree-node-selected {
color: #fff;
background: transparent;
}
- .ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before,
- .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
- background: #1890ff;
+ .drip-tree.drip-tree-directory .drip-tree-treenode-selected:hover::before,
+ .drip-tree.drip-tree-directory .drip-tree-treenode-selected::before {
+ background: #2D64FF;
}
- .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
+ .drip-tree.drip-tree-directory .drip-tree-treenode-selected .drip-tree-switcher {
color: #fff;
}
- .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper {
+ .drip-tree.drip-tree-directory .drip-tree-treenode-selected .drip-tree-node-content-wrapper {
color: #fff;
background: transparent;
}
- .ant-tree-checkbox {
+ .drip-tree-checkbox {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -24839,31 +26745,31 @@
outline: none;
cursor: pointer;
}
- .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
- .ant-tree-checkbox:hover .ant-tree-checkbox-inner,
- .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
- border-color: #1890ff;
+ .drip-tree-checkbox-wrapper:hover .drip-tree-checkbox-inner,
+ .drip-tree-checkbox:hover .drip-tree-checkbox-inner,
+ .drip-tree-checkbox-input:focus + .drip-tree-checkbox-inner {
+ border-color: #2D64FF;
}
- .ant-tree-checkbox-checked::after {
+ .drip-tree-checkbox-checked::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
- border: 1px solid #1890ff;
+ border: 1px solid #2D64FF;
border-radius: 2px;
visibility: hidden;
- -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
- animation: antCheckboxEffect 0.36s ease-in-out;
+ -webkit-animation: dripCheckboxEffect 0.36s ease-in-out;
+ animation: dripCheckboxEffect 0.36s ease-in-out;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
content: '';
}
- .ant-tree-checkbox:hover::after,
- .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
+ .drip-tree-checkbox:hover::after,
+ .drip-tree-checkbox-wrapper:hover .drip-tree-checkbox::after {
visibility: visible;
}
- .ant-tree-checkbox-inner {
+ .drip-tree-checkbox-inner {
position: relative;
top: 0;
left: 0;
@@ -24877,10 +26783,10 @@
border-collapse: separate;
transition: all 0.3s;
}
- .ant-tree-checkbox-inner::after {
+ .drip-tree-checkbox-inner::after {
position: absolute;
top: 50%;
- left: 22%;
+ left: 21.5%;
display: table;
width: 5.71428571px;
height: 9.14285714px;
@@ -24892,7 +26798,7 @@
transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
content: ' ';
}
- .ant-tree-checkbox-input {
+ .drip-tree-checkbox-input {
position: absolute;
top: 0;
right: 0;
@@ -24904,7 +26810,7 @@
cursor: pointer;
opacity: 0;
}
- .ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
+ .drip-tree-checkbox-checked .drip-tree-checkbox-inner::after {
position: absolute;
display: table;
border: 2px solid #fff;
@@ -24915,44 +26821,44 @@
transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
content: ' ';
}
- .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
- background-color: #1890ff;
- border-color: #1890ff;
+ .drip-tree-checkbox-checked .drip-tree-checkbox-inner {
+ background-color: #2D64FF;
+ border-color: #2D64FF;
}
- .ant-tree-checkbox-disabled {
+ .drip-tree-checkbox-disabled {
cursor: not-allowed;
}
- .ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
+ .drip-tree-checkbox-disabled.drip-tree-checkbox-checked .drip-tree-checkbox-inner::after {
border-color: rgba(0, 0, 0, 0.25);
-webkit-animation-name: none;
animation-name: none;
}
- .ant-tree-checkbox-disabled .ant-tree-checkbox-input {
+ .drip-tree-checkbox-disabled .drip-tree-checkbox-input {
cursor: not-allowed;
}
- .ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
+ .drip-tree-checkbox-disabled .drip-tree-checkbox-inner {
background-color: #f5f5f5;
border-color: #d9d9d9 !important;
}
- .ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
+ .drip-tree-checkbox-disabled .drip-tree-checkbox-inner::after {
border-color: #f5f5f5;
border-collapse: separate;
-webkit-animation-name: none;
animation-name: none;
}
- .ant-tree-checkbox-disabled + span {
+ .drip-tree-checkbox-disabled + span {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
- .ant-tree-checkbox-disabled:hover::after,
- .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
+ .drip-tree-checkbox-disabled:hover::after,
+ .drip-tree-checkbox-wrapper:hover .drip-tree-checkbox-disabled::after {
visibility: hidden;
}
- .ant-tree-checkbox-wrapper {
+ .drip-tree-checkbox-wrapper {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -24963,27 +26869,27 @@
line-height: unset;
cursor: pointer;
}
- .ant-tree-checkbox-wrapper::after {
+ .drip-tree-checkbox-wrapper::after {
display: inline-block;
width: 0;
overflow: hidden;
content: '\a0';
}
- .ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
+ .drip-tree-checkbox-wrapper.drip-tree-checkbox-wrapper-disabled {
cursor: not-allowed;
}
- .ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
+ .drip-tree-checkbox-wrapper + .drip-tree-checkbox-wrapper {
margin-left: 8px;
}
- .ant-tree-checkbox + span {
+ .drip-tree-checkbox + span {
padding-right: 8px;
padding-left: 8px;
}
- .ant-tree-checkbox-group {
+ .drip-tree-checkbox-group {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -24991,39 +26897,39 @@
font-feature-settings: 'tnum';
display: inline-block;
}
- .ant-tree-checkbox-group-item {
+ .drip-tree-checkbox-group-item {
margin-right: 8px;
}
- .ant-tree-checkbox-group-item:last-child {
+ .drip-tree-checkbox-group-item:last-child {
margin-right: 0;
}
- .ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
+ .drip-tree-checkbox-group-item + .drip-tree-checkbox-group-item {
margin-left: 0;
}
- .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
- background-color: #fff;
- border-color: #d9d9d9;
+ .drip-tree-checkbox-indeterminate .drip-tree-checkbox-inner {
+ background-color: #2D64FF;
+ border-color: #2D64FF;
}
- .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
+ .drip-tree-checkbox-indeterminate .drip-tree-checkbox-inner::after {
top: 50%;
left: 50%;
width: 8px;
- height: 8px;
- background-color: #1890ff;
+ height: 2px;
+ background-color: #fff;
border: 0;
transform: translate(-50%, -50%) scale(1);
opacity: 1;
content: ' ';
}
- .ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
+ .drip-tree-checkbox-indeterminate.drip-tree-checkbox-disabled .drip-tree-checkbox-inner::after {
background-color: rgba(0, 0, 0, 0.25);
border-color: rgba(0, 0, 0, 0.25);
}
- .ant-tree {
+ .drip-tree {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -25033,39 +26939,39 @@
border-radius: 2px;
transition: background-color 0.3s;
}
- .ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
- background: #e6f7ff;
+ .drip-tree-focused:not(:hover):not(.drip-tree-active-focused) {
+ background: #f0f6ff;
}
- .ant-tree-list-holder-inner {
+ .drip-tree-list-holder-inner {
align-items: flex-start;
}
- .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner {
+ .drip-tree.drip-tree-block-node .drip-tree-list-holder-inner {
align-items: stretch;
}
- .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper {
+ .drip-tree.drip-tree-block-node .drip-tree-list-holder-inner .drip-tree-node-content-wrapper {
flex: auto;
}
- .ant-tree .ant-tree-treenode {
+ .drip-tree .drip-tree-treenode {
display: flex;
align-items: flex-start;
padding: 0 0 4px 0;
outline: none;
}
- .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
+ .drip-tree .drip-tree-treenode-disabled .drip-tree-node-content-wrapper {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
- .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
+ .drip-tree .drip-tree-treenode-disabled .drip-tree-node-content-wrapper:hover {
background: transparent;
}
- .ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
+ .drip-tree .drip-tree-treenode-active .drip-tree-node-content-wrapper {
background: #f5f5f5;
}
- .ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title {
+ .drip-tree .drip-tree-treenode:not(.drip-tree .drip-tree-treenode-disabled).filter-node .drip-tree-title {
color: inherit;
font-weight: 500;
}
- .ant-tree-indent {
+ .drip-tree-indent {
align-self: stretch;
white-space: nowrap;
-webkit-user-select: none;
@@ -25073,11 +26979,11 @@
-ms-user-select: none;
user-select: none;
}
- .ant-tree-indent-unit {
+ .drip-tree-indent-unit {
display: inline-block;
width: 24px;
}
- .ant-tree-switcher {
+ .drip-tree-switcher {
position: relative;
flex: none;
align-self: stretch;
@@ -25091,33 +26997,33 @@
-ms-user-select: none;
user-select: none;
}
- .ant-tree-switcher .ant-tree-switcher-icon,
- .ant-tree-switcher .ant-select-tree-switcher-icon {
+ .drip-tree-switcher .drip-tree-switcher-icon,
+ .drip-tree-switcher .drip-select-tree-switcher-icon {
display: inline-block;
font-size: 10px;
vertical-align: baseline;
}
- .ant-tree-switcher .ant-tree-switcher-icon svg,
- .ant-tree-switcher .ant-select-tree-switcher-icon svg {
+ .drip-tree-switcher .drip-tree-switcher-icon svg,
+ .drip-tree-switcher .drip-select-tree-switcher-icon svg {
transition: transform 0.3s;
}
- .ant-tree-switcher-noop {
+ .drip-tree-switcher-noop {
cursor: default;
}
- .ant-tree-switcher_close .ant-tree-switcher-icon svg {
+ .drip-tree-switcher_close .drip-tree-switcher-icon svg {
transform: rotate(-90deg);
}
- .ant-tree-switcher-loading-icon {
- color: #1890ff;
+ .drip-tree-switcher-loading-icon {
+ color: #2D64FF;
}
- .ant-tree-switcher-leaf-line {
+ .drip-tree-switcher-leaf-line {
position: relative;
z-index: 1;
display: inline-block;
width: 100%;
height: 100%;
}
- .ant-tree-switcher-leaf-line::before {
+ .drip-tree-switcher-leaf-line::before {
position: absolute;
top: 0;
bottom: -4px;
@@ -25125,7 +27031,7 @@
border-left: 1px solid #d9d9d9;
content: ' ';
}
- .ant-tree-switcher-leaf-line::after {
+ .drip-tree-switcher-leaf-line::after {
position: absolute;
width: 10px;
height: 14px;
@@ -25133,11 +27039,11 @@
border-bottom: 1px solid #d9d9d9;
content: ' ';
}
- .ant-tree-checkbox {
+ .drip-tree-checkbox {
top: initial;
margin: 4px 8px 0 0;
}
- .ant-tree .ant-tree-node-content-wrapper {
+ .drip-tree .drip-tree-node-content-wrapper {
position: relative;
z-index: auto;
min-height: 24px;
@@ -25150,13 +27056,13 @@
cursor: pointer;
transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
}
- .ant-tree .ant-tree-node-content-wrapper:hover {
+ .drip-tree .drip-tree-node-content-wrapper:hover {
background-color: #f5f5f5;
}
- .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
- background-color: #bae7ff;
+ .drip-tree .drip-tree-node-content-wrapper.drip-tree-node-selected {
+ background-color: #d1e3ff;
}
- .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
+ .drip-tree .drip-tree-node-content-wrapper .drip-tree-iconEle {
display: inline-block;
width: 24px;
height: 24px;
@@ -25164,46 +27070,46 @@
text-align: center;
vertical-align: top;
}
- .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty {
+ .drip-tree .drip-tree-node-content-wrapper .drip-tree-iconEle:empty {
display: none;
}
- .ant-tree-unselectable .ant-tree-node-content-wrapper:hover {
+ .drip-tree-unselectable .drip-tree-node-content-wrapper:hover {
background-color: transparent;
}
- .ant-tree-node-content-wrapper[draggable='true'] {
+ .drip-tree-node-content-wrapper[draggable='true'] {
line-height: 24px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
- .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator {
+ .drip-tree-node-content-wrapper[draggable='true'] .drip-tree-drop-indicator {
position: absolute;
z-index: 1;
height: 2px;
- background-color: #1890ff;
+ background-color: #2D64FF;
border-radius: 1px;
pointer-events: none;
}
- .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after {
+ .drip-tree-node-content-wrapper[draggable='true'] .drip-tree-drop-indicator::after {
position: absolute;
top: -3px;
left: -6px;
width: 8px;
height: 8px;
background-color: transparent;
- border: 2px solid #1890ff;
+ border: 2px solid #2D64FF;
border-radius: 50%;
content: '';
}
- .ant-tree .ant-tree-treenode.drop-container > [draggable] {
- box-shadow: 0 0 0 2px #1890ff;
+ .drip-tree .drip-tree-treenode.drop-container > [draggable] {
+ box-shadow: 0 0 0 2px #2D64FF;
}
- .ant-tree-show-line .ant-tree-indent-unit {
+ .drip-tree-show-line .drip-tree-indent-unit {
position: relative;
height: 100%;
}
- .ant-tree-show-line .ant-tree-indent-unit::before {
+ .drip-tree-show-line .drip-tree-indent-unit::before {
position: absolute;
top: 0;
right: 12px;
@@ -25211,38 +27117,38 @@
border-right: 1px solid #d9d9d9;
content: '';
}
- .ant-tree-show-line .ant-tree-indent-unit-end::before {
+ .drip-tree-show-line .drip-tree-indent-unit-end::before {
display: none;
}
- .ant-tree-show-line .ant-tree-switcher {
+ .drip-tree-show-line .drip-tree-switcher {
background: #fff;
}
- .ant-tree-show-line .ant-tree-switcher-line-icon {
+ .drip-tree-show-line .drip-tree-switcher-line-icon {
vertical-align: -0.225em;
}
- .ant-tree-rtl {
+ .drip-tree-rtl {
direction: rtl;
}
- .ant-tree-rtl .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after {
+ .drip-tree-rtl .drip-tree-node-content-wrapper[draggable='true'] .drip-tree-drop-indicator::after {
right: -6px;
left: unset;
}
- .ant-tree .ant-tree-treenode-rtl {
+ .drip-tree .drip-tree-treenode-rtl {
direction: rtl;
}
- .ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg {
+ .drip-tree-rtl .drip-tree-switcher_close .drip-tree-switcher-icon svg {
transform: rotate(90deg);
}
- .ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before {
+ .drip-tree-rtl.drip-tree-show-line .drip-tree-indent-unit::before {
right: auto;
left: -13px;
border-right: none;
border-left: 1px solid #d9d9d9;
}
- .ant-tree-rtl.ant-tree-checkbox {
+ .drip-tree-rtl.drip-tree-checkbox {
margin: 4px 0 0 8px;
}
- .ant-tree-select-dropdown-rtl .ant-select-tree-checkbox {
+ .drip-tree-select-dropdown-rtl .drip-select-tree-checkbox {
margin: 4px 0 0 8px;
}
@@ -25250,28 +27156,28 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-typography {
- color: rgba(0, 0, 0, 0.85);
+ .drip-typography {
+ color: rgba(0, 0, 0, 0.82);
overflow-wrap: break-word;
}
- .ant-typography.ant-typography-secondary {
+ .drip-typography.drip-typography-secondary {
color: rgba(0, 0, 0, 0.45);
}
- .ant-typography.ant-typography-success {
- color: #52c41a;
+ .drip-typography.drip-typography-success {
+ color: #17C574;
}
- .ant-typography.ant-typography-warning {
- color: #faad14;
+ .drip-typography.drip-typography-warning {
+ color: #FEB00E;
}
- .ant-typography.ant-typography-danger {
- color: #ff4d4f;
+ .drip-typography.drip-typography-danger {
+ color: #FF4C4C;
}
- a.ant-typography.ant-typography-danger:active,
- a.ant-typography.ant-typography-danger:focus,
- a.ant-typography.ant-typography-danger:hover {
- color: #ff7875;
+ a.drip-typography.drip-typography-danger:active,
+ a.drip-typography.drip-typography-danger:focus,
+ a.drip-typography.drip-typography-danger:hover {
+ color: #ff7a75;
}
- .ant-typography.ant-typography-disabled {
+ .drip-typography.drip-typography-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
-webkit-user-select: none;
@@ -25279,157 +27185,157 @@
-ms-user-select: none;
user-select: none;
}
- div.ant-typography,
- .ant-typography p {
+ div.drip-typography,
+ .drip-typography p {
margin-bottom: 1em;
}
- h1.ant-typography,
- .ant-typography h1 {
+ h1.drip-typography,
+ .drip-typography h1 {
margin-bottom: 0.5em;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: 600;
font-size: 38px;
line-height: 1.23;
}
- h2.ant-typography,
- .ant-typography h2 {
+ h2.drip-typography,
+ .drip-typography h2 {
margin-bottom: 0.5em;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: 600;
font-size: 30px;
line-height: 1.35;
}
- h3.ant-typography,
- .ant-typography h3 {
+ h3.drip-typography,
+ .drip-typography h3 {
margin-bottom: 0.5em;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: 600;
font-size: 24px;
line-height: 1.35;
}
- h4.ant-typography,
- .ant-typography h4 {
+ h4.drip-typography,
+ .drip-typography h4 {
margin-bottom: 0.5em;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: 600;
font-size: 20px;
line-height: 1.4;
}
- h5.ant-typography,
- .ant-typography h5 {
+ h5.drip-typography,
+ .drip-typography h5 {
margin-bottom: 0.5em;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-weight: 600;
font-size: 16px;
line-height: 1.5;
}
- .ant-typography + h1.ant-typography,
- .ant-typography + h2.ant-typography,
- .ant-typography + h3.ant-typography,
- .ant-typography + h4.ant-typography,
- .ant-typography + h5.ant-typography {
+ .drip-typography + h1.drip-typography,
+ .drip-typography + h2.drip-typography,
+ .drip-typography + h3.drip-typography,
+ .drip-typography + h4.drip-typography,
+ .drip-typography + h5.drip-typography {
margin-top: 1.2em;
}
- .ant-typography div + h1,
- .ant-typography ul + h1,
- .ant-typography li + h1,
- .ant-typography p + h1,
- .ant-typography h1 + h1,
- .ant-typography h2 + h1,
- .ant-typography h3 + h1,
- .ant-typography h4 + h1,
- .ant-typography h5 + h1,
- .ant-typography div + h2,
- .ant-typography ul + h2,
- .ant-typography li + h2,
- .ant-typography p + h2,
- .ant-typography h1 + h2,
- .ant-typography h2 + h2,
- .ant-typography h3 + h2,
- .ant-typography h4 + h2,
- .ant-typography h5 + h2,
- .ant-typography div + h3,
- .ant-typography ul + h3,
- .ant-typography li + h3,
- .ant-typography p + h3,
- .ant-typography h1 + h3,
- .ant-typography h2 + h3,
- .ant-typography h3 + h3,
- .ant-typography h4 + h3,
- .ant-typography h5 + h3,
- .ant-typography div + h4,
- .ant-typography ul + h4,
- .ant-typography li + h4,
- .ant-typography p + h4,
- .ant-typography h1 + h4,
- .ant-typography h2 + h4,
- .ant-typography h3 + h4,
- .ant-typography h4 + h4,
- .ant-typography h5 + h4,
- .ant-typography div + h5,
- .ant-typography ul + h5,
- .ant-typography li + h5,
- .ant-typography p + h5,
- .ant-typography h1 + h5,
- .ant-typography h2 + h5,
- .ant-typography h3 + h5,
- .ant-typography h4 + h5,
- .ant-typography h5 + h5 {
+ .drip-typography div + h1,
+ .drip-typography ul + h1,
+ .drip-typography li + h1,
+ .drip-typography p + h1,
+ .drip-typography h1 + h1,
+ .drip-typography h2 + h1,
+ .drip-typography h3 + h1,
+ .drip-typography h4 + h1,
+ .drip-typography h5 + h1,
+ .drip-typography div + h2,
+ .drip-typography ul + h2,
+ .drip-typography li + h2,
+ .drip-typography p + h2,
+ .drip-typography h1 + h2,
+ .drip-typography h2 + h2,
+ .drip-typography h3 + h2,
+ .drip-typography h4 + h2,
+ .drip-typography h5 + h2,
+ .drip-typography div + h3,
+ .drip-typography ul + h3,
+ .drip-typography li + h3,
+ .drip-typography p + h3,
+ .drip-typography h1 + h3,
+ .drip-typography h2 + h3,
+ .drip-typography h3 + h3,
+ .drip-typography h4 + h3,
+ .drip-typography h5 + h3,
+ .drip-typography div + h4,
+ .drip-typography ul + h4,
+ .drip-typography li + h4,
+ .drip-typography p + h4,
+ .drip-typography h1 + h4,
+ .drip-typography h2 + h4,
+ .drip-typography h3 + h4,
+ .drip-typography h4 + h4,
+ .drip-typography h5 + h4,
+ .drip-typography div + h5,
+ .drip-typography ul + h5,
+ .drip-typography li + h5,
+ .drip-typography p + h5,
+ .drip-typography h1 + h5,
+ .drip-typography h2 + h5,
+ .drip-typography h3 + h5,
+ .drip-typography h4 + h5,
+ .drip-typography h5 + h5 {
margin-top: 1.2em;
}
- a.ant-typography-ellipsis,
- span.ant-typography-ellipsis {
+ a.drip-typography-ellipsis,
+ span.drip-typography-ellipsis {
display: inline-block;
max-width: 100%;
}
- a.ant-typography,
- .ant-typography a {
- color: #1890ff;
+ a.drip-typography,
+ .drip-typography a {
+ color: #2D64FF;
outline: none;
cursor: pointer;
transition: color 0.3s;
text-decoration: none;
}
- a.ant-typography:focus,
- .ant-typography a:focus,
- a.ant-typography:hover,
- .ant-typography a:hover {
- color: #40a9ff;
+ a.drip-typography:focus,
+ .drip-typography a:focus,
+ a.drip-typography:hover,
+ .drip-typography a:hover {
+ color: #5789ff;
}
- a.ant-typography:active,
- .ant-typography a:active {
- color: #096dd9;
+ a.drip-typography:active,
+ .drip-typography a:active {
+ color: #1c48d9;
}
- a.ant-typography:active,
- .ant-typography a:active,
- a.ant-typography:hover,
- .ant-typography a:hover {
+ a.drip-typography:active,
+ .drip-typography a:active,
+ a.drip-typography:hover,
+ .drip-typography a:hover {
text-decoration: none;
}
- a.ant-typography[disabled],
- .ant-typography a[disabled],
- a.ant-typography.ant-typography-disabled,
- .ant-typography a.ant-typography-disabled {
+ a.drip-typography[disabled],
+ .drip-typography a[disabled],
+ a.drip-typography.drip-typography-disabled,
+ .drip-typography a.drip-typography-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
- a.ant-typography[disabled]:active,
- .ant-typography a[disabled]:active,
- a.ant-typography.ant-typography-disabled:active,
- .ant-typography a.ant-typography-disabled:active,
- a.ant-typography[disabled]:hover,
- .ant-typography a[disabled]:hover,
- a.ant-typography.ant-typography-disabled:hover,
- .ant-typography a.ant-typography-disabled:hover {
+ a.drip-typography[disabled]:active,
+ .drip-typography a[disabled]:active,
+ a.drip-typography.drip-typography-disabled:active,
+ .drip-typography a.drip-typography-disabled:active,
+ a.drip-typography[disabled]:hover,
+ .drip-typography a[disabled]:hover,
+ a.drip-typography.drip-typography-disabled:hover,
+ .drip-typography a.drip-typography-disabled:hover {
color: rgba(0, 0, 0, 0.25);
}
- a.ant-typography[disabled]:active,
- .ant-typography a[disabled]:active,
- a.ant-typography.ant-typography-disabled:active,
- .ant-typography a.ant-typography-disabled:active {
+ a.drip-typography[disabled]:active,
+ .drip-typography a[disabled]:active,
+ a.drip-typography.drip-typography-disabled:active,
+ .drip-typography a.drip-typography-disabled:active {
pointer-events: none;
}
- .ant-typography code {
+ .drip-typography code {
margin: 0 0.2em;
padding: 0.2em 0.4em 0.1em;
font-size: 85%;
@@ -25437,7 +27343,7 @@
border: 1px solid rgba(100, 100, 100, 0.2);
border-radius: 3px;
}
- .ant-typography kbd {
+ .drip-typography kbd {
margin: 0 0.2em;
padding: 0.15em 0.4em 0.1em;
font-size: 90%;
@@ -25446,93 +27352,93 @@
border-bottom-width: 2px;
border-radius: 3px;
}
- .ant-typography mark {
+ .drip-typography mark {
padding: 0;
- background-color: #ffe58f;
+ background-color: #ffe48a;
}
- .ant-typography u,
- .ant-typography ins {
+ .drip-typography u,
+ .drip-typography ins {
text-decoration: underline;
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
}
- .ant-typography s,
- .ant-typography del {
+ .drip-typography s,
+ .drip-typography del {
text-decoration: line-through;
}
- .ant-typography strong {
+ .drip-typography strong {
font-weight: 600;
}
- .ant-typography-expand,
- .ant-typography-edit,
- .ant-typography-copy {
- color: #1890ff;
+ .drip-typography-expand,
+ .drip-typography-edit,
+ .drip-typography-copy {
+ color: #2D64FF;
text-decoration: none;
outline: none;
cursor: pointer;
transition: color 0.3s;
margin-left: 4px;
}
- .ant-typography-expand:focus,
- .ant-typography-edit:focus,
- .ant-typography-copy:focus,
- .ant-typography-expand:hover,
- .ant-typography-edit:hover,
- .ant-typography-copy:hover {
- color: #40a9ff;
- }
- .ant-typography-expand:active,
- .ant-typography-edit:active,
- .ant-typography-copy:active {
- color: #096dd9;
- }
- .ant-typography-copy-success,
- .ant-typography-copy-success:hover,
- .ant-typography-copy-success:focus {
- color: #52c41a;
- }
- .ant-typography-edit-content {
+ .drip-typography-expand:focus,
+ .drip-typography-edit:focus,
+ .drip-typography-copy:focus,
+ .drip-typography-expand:hover,
+ .drip-typography-edit:hover,
+ .drip-typography-copy:hover {
+ color: #5789ff;
+ }
+ .drip-typography-expand:active,
+ .drip-typography-edit:active,
+ .drip-typography-copy:active {
+ color: #1c48d9;
+ }
+ .drip-typography-copy-success,
+ .drip-typography-copy-success:hover,
+ .drip-typography-copy-success:focus {
+ color: #17C574;
+ }
+ .drip-typography-edit-content {
position: relative;
}
- div.ant-typography-edit-content {
+ div.drip-typography-edit-content {
left: -12px;
margin-top: -5px;
margin-bottom: calc(1em - 4px - 1px);
}
- .ant-typography-edit-content-confirm {
+ .drip-typography-edit-content-confirm {
position: absolute;
right: 10px;
bottom: 8px;
color: rgba(0, 0, 0, 0.45);
pointer-events: none;
}
- .ant-typography-edit-content textarea {
+ .drip-typography-edit-content textarea {
-moz-transition: none;
}
- .ant-typography ul,
- .ant-typography ol {
+ .drip-typography ul,
+ .drip-typography ol {
margin: 0 0 1em 0;
padding: 0;
}
- .ant-typography ul li,
- .ant-typography ol li {
+ .drip-typography ul li,
+ .drip-typography ol li {
margin: 0 0 0 20px;
padding: 0 0 0 4px;
}
- .ant-typography ul {
+ .drip-typography ul {
list-style-type: circle;
}
- .ant-typography ul ul {
+ .drip-typography ul ul {
list-style-type: disc;
}
- .ant-typography ol {
+ .drip-typography ol {
list-style-type: decimal;
}
- .ant-typography pre,
- .ant-typography blockquote {
+ .drip-typography pre,
+ .drip-typography blockquote {
margin: 1em 0;
}
- .ant-typography pre {
+ .drip-typography pre {
padding: 0.4em 0.6em;
white-space: pre-wrap;
word-wrap: break-word;
@@ -25540,7 +27446,7 @@
border: 1px solid rgba(100, 100, 100, 0.2);
border-radius: 3px;
}
- .ant-typography pre code {
+ .drip-typography pre code {
display: inline;
margin: 0;
padding: 0;
@@ -25549,51 +27455,51 @@
background: transparent;
border: 0;
}
- .ant-typography blockquote {
+ .drip-typography blockquote {
padding: 0 0 0 0.6em;
border-left: 4px solid rgba(100, 100, 100, 0.2);
opacity: 0.85;
}
- .ant-typography-single-line {
+ .drip-typography-single-line {
white-space: nowrap;
}
- .ant-typography-ellipsis-single-line {
+ .drip-typography-ellipsis-single-line {
overflow: hidden;
text-overflow: ellipsis;
}
- a.ant-typography-ellipsis-single-line,
- span.ant-typography-ellipsis-single-line {
+ a.drip-typography-ellipsis-single-line,
+ span.drip-typography-ellipsis-single-line {
vertical-align: bottom;
}
- .ant-typography-ellipsis-multiple-line {
+ .drip-typography-ellipsis-multiple-line {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
/*! autoprefixer: ignore next */
-webkit-box-orient: vertical;
}
- .ant-typography-rtl {
+ .drip-typography-rtl {
direction: rtl;
}
- .ant-typography-rtl .ant-typography-expand,
- .ant-typography-rtl .ant-typography-edit,
- .ant-typography-rtl .ant-typography-copy {
+ .drip-typography-rtl .drip-typography-expand,
+ .drip-typography-rtl .drip-typography-edit,
+ .drip-typography-rtl .drip-typography-copy {
margin-right: 4px;
margin-left: 0;
}
- .ant-typography-rtl .ant-typography-expand {
+ .drip-typography-rtl .drip-typography-expand {
float: left;
}
- div.ant-typography-edit-content.ant-typography-rtl {
+ div.drip-typography-edit-content.drip-typography-rtl {
right: -12px;
left: auto;
}
- .ant-typography-rtl .ant-typography-edit-content-confirm {
+ .drip-typography-rtl .drip-typography-edit-content-confirm {
right: auto;
left: 10px;
}
- .ant-typography-rtl.ant-typography ul li,
- .ant-typography-rtl.ant-typography ol li {
+ .drip-typography-rtl.drip-typography ul li,
+ .drip-typography-rtl.drip-typography ol li {
margin: 0 20px 0 0;
padding: 0 4px 0 0;
}
@@ -25602,11 +27508,11 @@
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
- .ant-upload {
+ .drip-upload {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
@@ -25614,24 +27520,24 @@
font-feature-settings: 'tnum';
outline: 0;
}
- .ant-upload p {
+ .drip-upload p {
margin: 0;
}
- .ant-upload-btn {
+ .drip-upload-btn {
display: block;
width: 100%;
outline: none;
}
- .ant-upload input[type='file'] {
+ .drip-upload input[type='file'] {
cursor: pointer;
}
- .ant-upload.ant-upload-select {
+ .drip-upload.drip-upload-select {
display: inline-block;
}
- .ant-upload.ant-upload-disabled {
+ .drip-upload.drip-upload-disabled {
cursor: not-allowed;
}
- .ant-upload.ant-upload-select-picture-card {
+ .drip-upload.drip-upload-select-picture-card {
width: 104px;
height: 104px;
margin-right: 8px;
@@ -25644,20 +27550,20 @@
cursor: pointer;
transition: border-color 0.3s;
}
- .ant-upload.ant-upload-select-picture-card > .ant-upload {
+ .drip-upload.drip-upload-select-picture-card > .drip-upload {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
text-align: center;
}
- .ant-upload.ant-upload-select-picture-card:hover {
- border-color: #1890ff;
+ .drip-upload.drip-upload-select-picture-card:hover {
+ border-color: #2D64FF;
}
- .ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
+ .drip-upload-disabled.drip-upload.drip-upload-select-picture-card:hover {
border-color: #d9d9d9;
}
- .ant-upload.ant-upload-drag {
+ .drip-upload.drip-upload-drag {
position: relative;
width: 100%;
height: 100%;
@@ -25668,93 +27574,93 @@
cursor: pointer;
transition: border-color 0.3s;
}
- .ant-upload.ant-upload-drag .ant-upload {
+ .drip-upload.drip-upload-drag .drip-upload {
padding: 16px 0;
}
- .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
- border-color: #096dd9;
+ .drip-upload.drip-upload-drag.drip-upload-drag-hover:not(.drip-upload-disabled) {
+ border-color: #1c48d9;
}
- .ant-upload.ant-upload-drag.ant-upload-disabled {
+ .drip-upload.drip-upload-drag.drip-upload-disabled {
cursor: not-allowed;
}
- .ant-upload.ant-upload-drag .ant-upload-btn {
+ .drip-upload.drip-upload-drag .drip-upload-btn {
display: table;
height: 100%;
}
- .ant-upload.ant-upload-drag .ant-upload-drag-container {
+ .drip-upload.drip-upload-drag .drip-upload-drag-container {
display: table-cell;
vertical-align: middle;
}
- .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
- border-color: #40a9ff;
+ .drip-upload.drip-upload-drag:not(.drip-upload-disabled):hover {
+ border-color: #5789ff;
}
- .ant-upload.ant-upload-drag p.ant-upload-drag-icon {
+ .drip-upload.drip-upload-drag p.drip-upload-drag-icon {
margin-bottom: 20px;
}
- .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
- color: #40a9ff;
+ .drip-upload.drip-upload-drag p.drip-upload-drag-icon .dripicon {
+ color: #5789ff;
font-size: 48px;
}
- .ant-upload.ant-upload-drag p.ant-upload-text {
+ .drip-upload.drip-upload-drag p.drip-upload-text {
margin: 0 0 4px;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 16px;
}
- .ant-upload.ant-upload-drag p.ant-upload-hint {
+ .drip-upload.drip-upload-drag p.drip-upload-hint {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
}
- .ant-upload.ant-upload-drag .anticon-plus {
+ .drip-upload.drip-upload-drag .dripicon-plus {
color: rgba(0, 0, 0, 0.25);
font-size: 30px;
transition: all 0.3s;
}
- .ant-upload.ant-upload-drag .anticon-plus:hover {
+ .drip-upload.drip-upload-drag .dripicon-plus:hover {
color: rgba(0, 0, 0, 0.45);
}
- .ant-upload.ant-upload-drag:hover .anticon-plus {
+ .drip-upload.drip-upload-drag:hover .dripicon-plus {
color: rgba(0, 0, 0, 0.45);
}
- .ant-upload-picture-card-wrapper {
+ .drip-upload-picture-card-wrapper {
display: inline-block;
width: 100%;
}
- .ant-upload-picture-card-wrapper::before {
+ .drip-upload-picture-card-wrapper::before {
display: table;
content: '';
}
- .ant-upload-picture-card-wrapper::after {
+ .drip-upload-picture-card-wrapper::after {
display: table;
clear: both;
content: '';
}
- .ant-upload-list {
+ .drip-upload-list {
box-sizing: border-box;
margin: 0;
padding: 0;
- color: rgba(0, 0, 0, 0.85);
+ color: rgba(0, 0, 0, 0.82);
font-size: 14px;
font-variant: tabular-nums;
list-style: none;
font-feature-settings: 'tnum';
line-height: 1.5715;
}
- .ant-upload-list::before {
+ .drip-upload-list::before {
display: table;
content: '';
}
- .ant-upload-list::after {
+ .drip-upload-list::after {
display: table;
clear: both;
content: '';
}
- .ant-upload-list-item {
+ .drip-upload-list-item {
position: relative;
height: 22.001px;
margin-top: 8px;
font-size: 14px;
}
- .ant-upload-list-item-name {
+ .drip-upload-list-item-name {
display: inline-block;
width: 100%;
padding-left: 22px;
@@ -25763,46 +27669,46 @@
white-space: nowrap;
text-overflow: ellipsis;
}
- .ant-upload-list-item-card-actions {
+ .drip-upload-list-item-card-actions {
position: absolute;
right: 0;
}
- .ant-upload-list-item-card-actions-btn {
+ .drip-upload-list-item-card-actions-btn {
opacity: 0;
}
- .ant-upload-list-item-card-actions-btn.ant-btn-sm {
+ .drip-upload-list-item-card-actions-btn.drip-btn-sm {
height: 20px;
line-height: 1;
}
- .ant-upload-list-item-card-actions.picture {
+ .drip-upload-list-item-card-actions.picture {
top: 22px;
line-height: 0;
}
- .ant-upload-list-item-card-actions-btn:focus,
- .ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn {
+ .drip-upload-list-item-card-actions-btn:focus,
+ .drip-upload-list-item-card-actions.picture .drip-upload-list-item-card-actions-btn {
opacity: 1;
}
- .ant-upload-list-item-card-actions .anticon {
+ .drip-upload-list-item-card-actions .dripicon {
color: rgba(0, 0, 0, 0.45);
}
- .ant-upload-list-item-info {
+ .drip-upload-list-item-info {
height: 100%;
padding: 0 4px;
transition: background-color 0.3s;
}
- .ant-upload-list-item-info > span {
+ .drip-upload-list-item-info > span {
display: block;
width: 100%;
height: 100%;
}
- .ant-upload-list-item-info .anticon-loading .anticon,
- .ant-upload-list-item-info .ant-upload-text-icon .anticon {
+ .drip-upload-list-item-info .dripicon-loading .dripicon,
+ .drip-upload-list-item-info .drip-upload-text-icon .dripicon {
position: absolute;
top: 5px;
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
}
- .ant-upload-list-item .anticon-close {
+ .drip-upload-list-item .dripicon-close {
position: absolute;
top: 6px;
right: 4px;
@@ -25813,30 +27719,30 @@
opacity: 0;
transition: all 0.3s;
}
- .ant-upload-list-item .anticon-close:hover {
- color: rgba(0, 0, 0, 0.85);
+ .drip-upload-list-item .dripicon-close:hover {
+ color: rgba(0, 0, 0, 0.82);
}
- .ant-upload-list-item:hover .ant-upload-list-item-info {
+ .drip-upload-list-item:hover .drip-upload-list-item-info {
background-color: #f5f5f5;
}
- .ant-upload-list-item:hover .anticon-close {
+ .drip-upload-list-item:hover .dripicon-close {
opacity: 1;
}
- .ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn {
+ .drip-upload-list-item:hover .drip-upload-list-item-card-actions-btn {
opacity: 1;
}
- .ant-upload-list-item-error,
- .ant-upload-list-item-error .ant-upload-text-icon > .anticon,
- .ant-upload-list-item-error .ant-upload-list-item-name {
- color: #ff4d4f;
+ .drip-upload-list-item-error,
+ .drip-upload-list-item-error .drip-upload-text-icon > .dripicon,
+ .drip-upload-list-item-error .drip-upload-list-item-name {
+ color: #FF4C4C;
}
- .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
- color: #ff4d4f;
+ .drip-upload-list-item-error .drip-upload-list-item-card-actions .dripicon {
+ color: #FF4C4C;
}
- .ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
+ .drip-upload-list-item-error .drip-upload-list-item-card-actions-btn {
opacity: 1;
}
- .ant-upload-list-item-progress {
+ .drip-upload-list-item-progress {
position: absolute;
bottom: -12px;
width: 100%;
@@ -25844,79 +27750,79 @@
font-size: 14px;
line-height: 0;
}
- .ant-upload-list-picture .ant-upload-list-item,
- .ant-upload-list-picture-card .ant-upload-list-item {
+ .drip-upload-list-picture .drip-upload-list-item,
+ .drip-upload-list-picture-card .drip-upload-list-item {
position: relative;
height: 66px;
padding: 8px;
border: 1px solid #d9d9d9;
border-radius: 2px;
}
- .ant-upload-list-picture .ant-upload-list-item:hover,
- .ant-upload-list-picture-card .ant-upload-list-item:hover {
+ .drip-upload-list-picture .drip-upload-list-item:hover,
+ .drip-upload-list-picture-card .drip-upload-list-item:hover {
background: transparent;
}
- .ant-upload-list-picture .ant-upload-list-item-error,
- .ant-upload-list-picture-card .ant-upload-list-item-error {
- border-color: #ff4d4f;
+ .drip-upload-list-picture .drip-upload-list-item-error,
+ .drip-upload-list-picture-card .drip-upload-list-item-error {
+ border-color: #FF4C4C;
}
- .ant-upload-list-picture .ant-upload-list-item-info,
- .ant-upload-list-picture-card .ant-upload-list-item-info {
+ .drip-upload-list-picture .drip-upload-list-item-info,
+ .drip-upload-list-picture-card .drip-upload-list-item-info {
padding: 0;
}
- .ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
- .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
+ .drip-upload-list-picture .drip-upload-list-item:hover .drip-upload-list-item-info,
+ .drip-upload-list-picture-card .drip-upload-list-item:hover .drip-upload-list-item-info {
background: transparent;
}
- .ant-upload-list-picture .ant-upload-list-item-uploading,
- .ant-upload-list-picture-card .ant-upload-list-item-uploading {
+ .drip-upload-list-picture .drip-upload-list-item-uploading,
+ .drip-upload-list-picture-card .drip-upload-list-item-uploading {
border-style: dashed;
}
- .ant-upload-list-picture .ant-upload-list-item-thumbnail,
- .ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
+ .drip-upload-list-picture .drip-upload-list-item-thumbnail,
+ .drip-upload-list-picture-card .drip-upload-list-item-thumbnail {
width: 48px;
height: 48px;
line-height: 54px;
text-align: center;
opacity: 0.8;
}
- .ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
- .ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
+ .drip-upload-list-picture .drip-upload-list-item-thumbnail .dripicon,
+ .drip-upload-list-picture-card .drip-upload-list-item-thumbnail .dripicon {
font-size: 26px;
}
- .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],
- .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] {
+ .drip-upload-list-picture .drip-upload-list-item-error .drip-upload-list-item-thumbnail .dripicon svg path[fill='#e6f7ff'],
+ .drip-upload-list-picture-card .drip-upload-list-item-error .drip-upload-list-item-thumbnail .dripicon svg path[fill='#e6f7ff'] {
fill: #fff2f0;
}
- .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],
- .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] {
- fill: #ff4d4f;
+ .drip-upload-list-picture .drip-upload-list-item-error .drip-upload-list-item-thumbnail .dripicon svg path[fill='#1890ff'],
+ .drip-upload-list-picture-card .drip-upload-list-item-error .drip-upload-list-item-thumbnail .dripicon svg path[fill='#1890ff'] {
+ fill: #FF4C4C;
}
- .ant-upload-list-picture .ant-upload-list-item-icon,
- .ant-upload-list-picture-card .ant-upload-list-item-icon {
+ .drip-upload-list-picture .drip-upload-list-item-icon,
+ .drip-upload-list-picture-card .drip-upload-list-item-icon {
position: absolute;
top: 50%;
left: 50%;
font-size: 26px;
transform: translate(-50%, -50%);
}
- .ant-upload-list-picture .ant-upload-list-item-icon .anticon,
- .ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
+ .drip-upload-list-picture .drip-upload-list-item-icon .dripicon,
+ .drip-upload-list-picture-card .drip-upload-list-item-icon .dripicon {
font-size: 26px;
}
- .ant-upload-list-picture .ant-upload-list-item-image,
- .ant-upload-list-picture-card .ant-upload-list-item-image {
+ .drip-upload-list-picture .drip-upload-list-item-image,
+ .drip-upload-list-picture-card .drip-upload-list-item-image {
max-width: 100%;
}
- .ant-upload-list-picture .ant-upload-list-item-thumbnail img,
- .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
+ .drip-upload-list-picture .drip-upload-list-item-thumbnail img,
+ .drip-upload-list-picture-card .drip-upload-list-item-thumbnail img {
display: block;
width: 48px;
height: 48px;
overflow: hidden;
}
- .ant-upload-list-picture .ant-upload-list-item-name,
- .ant-upload-list-picture-card .ant-upload-list-item-name {
+ .drip-upload-list-picture .drip-upload-list-item-name,
+ .drip-upload-list-picture-card .drip-upload-list-item-name {
display: inline-block;
box-sizing: border-box;
max-width: 100%;
@@ -25929,45 +27835,45 @@
text-overflow: ellipsis;
transition: all 0.3s;
}
- .ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
- .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
+ .drip-upload-list-picture .drip-upload-list-item-uploading .drip-upload-list-item-name,
+ .drip-upload-list-picture-card .drip-upload-list-item-uploading .drip-upload-list-item-name {
line-height: 28px;
}
- .ant-upload-list-picture .ant-upload-list-item-progress,
- .ant-upload-list-picture-card .ant-upload-list-item-progress {
+ .drip-upload-list-picture .drip-upload-list-item-progress,
+ .drip-upload-list-picture-card .drip-upload-list-item-progress {
bottom: 14px;
width: calc(100% - 24px);
margin-top: 0;
padding-left: 56px;
}
- .ant-upload-list-picture .anticon-close,
- .ant-upload-list-picture-card .anticon-close {
+ .drip-upload-list-picture .dripicon-close,
+ .drip-upload-list-picture-card .dripicon-close {
position: absolute;
top: 8px;
right: 8px;
line-height: 1;
opacity: 1;
}
- .ant-upload-list-picture-card-container {
+ .drip-upload-list-picture-card-container {
display: inline-block;
width: 104px;
height: 104px;
margin: 0 8px 8px 0;
vertical-align: top;
}
- .ant-upload-list-picture-card.ant-upload-list::after {
+ .drip-upload-list-picture-card.drip-upload-list::after {
display: none;
}
- .ant-upload-list-picture-card .ant-upload-list-item {
+ .drip-upload-list-picture-card .drip-upload-list-item {
height: 100%;
margin: 0;
}
- .ant-upload-list-picture-card .ant-upload-list-item-info {
+ .drip-upload-list-picture-card .drip-upload-list-item-info {
position: relative;
height: 100%;
overflow: hidden;
}
- .ant-upload-list-picture-card .ant-upload-list-item-info::before {
+ .drip-upload-list-picture-card .drip-upload-list-item-info::before {
position: absolute;
z-index: 1;
width: 100%;
@@ -25977,10 +27883,10 @@
transition: all 0.3s;
content: ' ';
}
- .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
+ .drip-upload-list-picture-card .drip-upload-list-item:hover .drip-upload-list-item-info::before {
opacity: 1;
}
- .ant-upload-list-picture-card .ant-upload-list-item-actions {
+ .drip-upload-list-picture-card .drip-upload-list-item-actions {
position: absolute;
top: 50%;
left: 50%;
@@ -25990,9 +27896,9 @@
opacity: 0;
transition: all 0.3s;
}
- .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
- .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
- .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
+ .drip-upload-list-picture-card .drip-upload-list-item-actions .dripicon-eye,
+ .drip-upload-list-picture-card .drip-upload-list-item-actions .dripicon-download,
+ .drip-upload-list-picture-card .drip-upload-list-item-actions .dripicon-delete {
z-index: 10;
width: 16px;
margin: 0 4px;
@@ -26001,17 +27907,17 @@
cursor: pointer;
transition: all 0.3s;
}
- .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,
- .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
- .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
+ .drip-upload-list-picture-card .drip-upload-list-item-actions .dripicon-eye:hover,
+ .drip-upload-list-picture-card .drip-upload-list-item-actions .dripicon-download:hover,
+ .drip-upload-list-picture-card .drip-upload-list-item-actions .dripicon-delete:hover {
color: #fff;
}
- .ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
- .ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
+ .drip-upload-list-picture-card .drip-upload-list-item-info:hover + .drip-upload-list-item-actions,
+ .drip-upload-list-picture-card .drip-upload-list-item-actions:hover {
opacity: 1;
}
- .ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
- .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
+ .drip-upload-list-picture-card .drip-upload-list-item-thumbnail,
+ .drip-upload-list-picture-card .drip-upload-list-item-thumbnail img {
position: static;
display: block;
width: 100%;
@@ -26019,85 +27925,85 @@
-o-object-fit: contain;
object-fit: contain;
}
- .ant-upload-list-picture-card .ant-upload-list-item-name {
+ .drip-upload-list-picture-card .drip-upload-list-item-name {
display: none;
margin: 8px 0 0;
padding: 0;
line-height: 1.5715;
text-align: center;
}
- .ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
+ .drip-upload-list-picture-card .drip-upload-list-item-file + .drip-upload-list-item-name {
position: absolute;
bottom: 10px;
display: block;
}
- .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
+ .drip-upload-list-picture-card .drip-upload-list-item-uploading.drip-upload-list-item {
background-color: #fafafa;
}
- .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
+ .drip-upload-list-picture-card .drip-upload-list-item-uploading .drip-upload-list-item-info {
height: auto;
}
- .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
- .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye,
- .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
+ .drip-upload-list-picture-card .drip-upload-list-item-uploading .drip-upload-list-item-info::before,
+ .drip-upload-list-picture-card .drip-upload-list-item-uploading .drip-upload-list-item-info .dripicon-eye,
+ .drip-upload-list-picture-card .drip-upload-list-item-uploading .drip-upload-list-item-info .dripicon-delete {
display: none;
}
- .ant-upload-list-picture-card .ant-upload-list-item-progress {
+ .drip-upload-list-picture-card .drip-upload-list-item-progress {
bottom: 32px;
width: calc(100% - 14px);
padding-left: 0;
}
- .ant-upload-list-text-container,
- .ant-upload-list-picture-container {
+ .drip-upload-list-text-container,
+ .drip-upload-list-picture-container {
transition: opacity 0.3s, height 0.3s;
}
- .ant-upload-list-text-container::before,
- .ant-upload-list-picture-container::before {
+ .drip-upload-list-text-container::before,
+ .drip-upload-list-picture-container::before {
display: table;
width: 0;
height: 0;
content: '';
}
- .ant-upload-list-text-container .ant-upload-span,
- .ant-upload-list-picture-container .ant-upload-span {
+ .drip-upload-list-text-container .drip-upload-span,
+ .drip-upload-list-picture-container .drip-upload-span {
display: block;
flex: auto;
}
- .ant-upload-list-text .ant-upload-span,
- .ant-upload-list-picture .ant-upload-span {
+ .drip-upload-list-text .drip-upload-span,
+ .drip-upload-list-picture .drip-upload-span {
display: flex;
align-items: center;
}
- .ant-upload-list-text .ant-upload-span > *,
- .ant-upload-list-picture .ant-upload-span > * {
+ .drip-upload-list-text .drip-upload-span > *,
+ .drip-upload-list-picture .drip-upload-span > * {
flex: none;
}
- .ant-upload-list-text .ant-upload-list-item-name,
- .ant-upload-list-picture .ant-upload-list-item-name {
+ .drip-upload-list-text .drip-upload-list-item-name,
+ .drip-upload-list-picture .drip-upload-list-item-name {
flex: auto;
padding: 0 8px;
}
- .ant-upload-list-text .ant-upload-list-item-card-actions,
- .ant-upload-list-picture .ant-upload-list-item-card-actions {
+ .drip-upload-list-text .drip-upload-list-item-card-actions,
+ .drip-upload-list-picture .drip-upload-list-item-card-actions {
position: static;
}
- .ant-upload-list-text .ant-upload-text-icon .anticon {
+ .drip-upload-list-text .drip-upload-text-icon .dripicon {
position: static;
}
- .ant-upload-list .ant-upload-animate-inline-appear,
- .ant-upload-list .ant-upload-animate-inline-enter,
- .ant-upload-list .ant-upload-animate-inline-leave {
+ .drip-upload-list .drip-upload-animate-inline-appear,
+ .drip-upload-list .drip-upload-animate-inline-enter,
+ .drip-upload-list .drip-upload-animate-inline-leave {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
- .ant-upload-list .ant-upload-animate-inline-appear,
- .ant-upload-list .ant-upload-animate-inline-enter {
+ .drip-upload-list .drip-upload-animate-inline-appear,
+ .drip-upload-list .drip-upload-animate-inline-enter {
-webkit-animation-name: uploadAnimateInlineIn;
animation-name: uploadAnimateInlineIn;
}
- .ant-upload-list .ant-upload-animate-inline-leave {
+ .drip-upload-list .drip-upload-animate-inline-leave {
-webkit-animation-name: uploadAnimateInlineOut;
animation-name: uploadAnimateInlineOut;
}
@@ -26137,106 +28043,106 @@
opacity: 0;
}
}
- .ant-upload-rtl {
+ .drip-upload-rtl {
direction: rtl;
}
- .ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
+ .drip-upload-rtl.drip-upload.drip-upload-select-picture-card {
margin-right: auto;
margin-left: 8px;
}
- .ant-upload-list-rtl {
+ .drip-upload-list-rtl {
direction: rtl;
}
- .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
+ .drip-upload-list-rtl .drip-upload-list-item-list-type-text:hover .drip-upload-list-item-name-icon-count-1 {
padding-right: 22px;
padding-left: 14px;
}
- .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
+ .drip-upload-list-rtl .drip-upload-list-item-list-type-text:hover .drip-upload-list-item-name-icon-count-2 {
padding-right: 22px;
padding-left: 28px;
}
- .ant-upload-list-rtl .ant-upload-list-item-name {
+ .drip-upload-list-rtl .drip-upload-list-item-name {
padding-right: 22px;
padding-left: 0;
}
- .ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
+ .drip-upload-list-rtl .drip-upload-list-item-name-icon-count-1 {
padding-left: 14px;
}
- .ant-upload-list-rtl .ant-upload-list-item-card-actions {
+ .drip-upload-list-rtl .drip-upload-list-item-card-actions {
right: auto;
left: 0;
}
- .ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
+ .drip-upload-list-rtl .drip-upload-list-item-card-actions .dripicon {
padding-right: 0;
padding-left: 5px;
}
- .ant-upload-list-rtl .ant-upload-list-item-info {
+ .drip-upload-list-rtl .drip-upload-list-item-info {
padding: 0 4px 0 12px;
}
- .ant-upload-list-rtl .ant-upload-list-item .anticon-close {
+ .drip-upload-list-rtl .drip-upload-list-item .dripicon-close {
right: auto;
left: 4px;
}
- .ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
+ .drip-upload-list-rtl .drip-upload-list-item-error .drip-upload-list-item-card-actions .dripicon {
padding-right: 0;
padding-left: 5px;
}
- .ant-upload-list-rtl .ant-upload-list-item-progress {
+ .drip-upload-list-rtl .drip-upload-list-item-progress {
padding-right: 26px;
padding-left: 0;
}
- .ant-upload-list-picture .ant-upload-list-item-info,
- .ant-upload-list-picture-card .ant-upload-list-item-info {
+ .drip-upload-list-picture .drip-upload-list-item-info,
+ .drip-upload-list-picture-card .drip-upload-list-item-info {
padding: 0;
}
- .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
+ .drip-upload-list-rtl.drip-upload-list-picture .drip-upload-list-item-thumbnail,
+ .drip-upload-list-rtl.drip-upload-list-picture-card .drip-upload-list-item-thumbnail {
right: 8px;
left: auto;
}
- .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
+ .drip-upload-list-rtl.drip-upload-list-picture .drip-upload-list-item-icon,
+ .drip-upload-list-rtl.drip-upload-list-picture-card .drip-upload-list-item-icon {
right: 50%;
left: auto;
transform: translate(50%, -50%);
}
- .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
+ .drip-upload-list-rtl.drip-upload-list-picture .drip-upload-list-item-name,
+ .drip-upload-list-rtl.drip-upload-list-picture-card .drip-upload-list-item-name {
margin: 0 8px 0 0;
padding-right: 48px;
padding-left: 8px;
}
- .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
+ .drip-upload-list-rtl.drip-upload-list-picture .drip-upload-list-item-name-icon-count-1,
+ .drip-upload-list-rtl.drip-upload-list-picture-card .drip-upload-list-item-name-icon-count-1 {
padding-right: 48px;
padding-left: 18px;
}
- .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
+ .drip-upload-list-rtl.drip-upload-list-picture .drip-upload-list-item-name-icon-count-2,
+ .drip-upload-list-rtl.drip-upload-list-picture-card .drip-upload-list-item-name-icon-count-2 {
padding-right: 48px;
padding-left: 36px;
}
- .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress {
+ .drip-upload-list-rtl.drip-upload-list-picture .drip-upload-list-item-progress,
+ .drip-upload-list-rtl.drip-upload-list-picture-card .drip-upload-list-item-progress {
padding-right: 0;
padding-left: 0;
}
- .ant-upload-list-rtl.ant-upload-list-picture .anticon-close,
- .ant-upload-list-rtl.ant-upload-list-picture-card .anticon-close {
+ .drip-upload-list-rtl.drip-upload-list-picture .dripicon-close,
+ .drip-upload-list-rtl.drip-upload-list-picture-card .dripicon-close {
right: auto;
left: 8px;
}
- .ant-upload-list-rtl .ant-upload-list-picture-card-container {
+ .drip-upload-list-rtl .drip-upload-list-picture-card-container {
margin: 0 0 8px 8px;
}
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions {
+ .drip-upload-list-rtl.drip-upload-list-picture-card .drip-upload-list-item-actions {
right: 50%;
left: auto;
transform: translate(50%, -50%);
}
- .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
+ .drip-upload-list-rtl.drip-upload-list-picture-card .drip-upload-list-item-file + .drip-upload-list-item-name {
margin: 8px 0 0;
padding: 0;
}
- }
-}
\ No newline at end of file
+
+ }
\ No newline at end of file
diff --git a/src/main.tsx b/src/main.tsx
index c16d7ab65dff276363d4543e1cd38ba9095b9fec..99b56bb7caaa9bbaccc327e9da803a4bad2a64bc 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,7 +1,7 @@
import React from 'react'
import { CCMS } from 'ccms'
import { ICCMS, CCMSProps } from 'ccms/dist/src/main'
-import { PageHeader, Space } from 'antd'
+import { PageHeader, Space } from '@drip/drip-design'
import StepComponents from './steps'
import styles from "./main.less"
export default class CCMSComponent extends CCMS {
@@ -14,7 +14,7 @@ export default class CCMSComponent extends CCMS {
children
} = props
return (
-
+
{
(title || description) &&
diff --git a/src/steps/detail/index.less b/src/steps/detail/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..c6a6dbd8ecaf7ad41b88c1dc7b10ea044857eb04
--- /dev/null
+++ b/src/steps/detail/index.less
@@ -0,0 +1,32 @@
+.ccms-drip-form {
+ .ccms-drip-form-card {
+ margin-bottom: 16px !important;
+
+ &>:global(.drip-card-body) {
+ &>:global(.drip-form-item) {
+ margin-bottom: 0;
+ }
+ }
+
+ &.ccms-drip-form-card-tabs {
+ &>:global(.drip-card-head) {
+ border-bottom: 0 !important;
+ margin-bottom: -12px !important;
+ }
+ &>:global(.drip-card-body) {
+ padding-top: 0 !important;
+ }
+ }
+ }
+
+ .ccms-drip-form-field {
+ width: 100%;
+ max-width: 328px;
+ flex-wrap: nowrap;
+
+ &.ccms-drip-form-group, &.ccms-drip-form-form, &.ccms-drip-form-import_subform, &.ccms-drip-form-tabs {
+ max-width: initial;
+ margin-bottom: 0 !important;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/steps/detail/index.tsx b/src/steps/detail/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..f14542aba88f8015a83ddedbcd5325e2fc46b753
--- /dev/null
+++ b/src/steps/detail/index.tsx
@@ -0,0 +1,74 @@
+import React from 'react'
+import { DetailStep } from 'ccms'
+import { IForm, IFormItem, DetailConfig } from 'ccms/dist/src/steps/detail'
+import { Button, Card, Form, Space } from '@drip/drip-design'
+
+import getALLComponents from '../../components/detail'
+import styles from "./index.less"
+export default class DetailStepComponent extends DetailStep {
+ getALLComponents = (type: any) => getALLComponents[type]
+
+ renderComponent = (props: IForm) => {
+ const {
+ layout, // layout??
+ onBack,
+ backText,
+ children
+ } = props
+
+ return (
+
+
+ {}
+
+
+ }
+
+ )
+ }
+
+ renderItemComponent = (props: IFormItem) => {
+ const {
+ key,
+ visitable,
+ label,
+ fieldType,
+ children
+ } = props
+
+ if ((label && ['group', 'import_subform'].includes(fieldType)) || ['tabs'].includes(fieldType)) {
+ return (
+
+
+ {children}
+
+
+ )
+ } else {
+ return (
+
+ {children}
+
+ )
+ }
+ }
+}
+//
+export const PropsType = (props: IForm) => { };
+
+export const PropsTypeFormConfig = (props: DetailConfig) => { };
+export const PropsTypeStep = (props: DetailStep) => { };
\ No newline at end of file
diff --git a/src/steps/filter/index.less b/src/steps/filter/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..4db1e44e2737ef6c4aa1404d115f8ae04446488b
--- /dev/null
+++ b/src/steps/filter/index.less
@@ -0,0 +1,21 @@
+.ccms-drip-filter {
+ margin-bottom: 24px !important;
+
+ &::after {
+ content: '';
+ display: block;
+ width: calc(100% + 48px);
+ height: 24px;
+ margin: 0 -24px;
+ background: #f0f2f5;
+ }
+
+ &>.ccms-drip-filter-row {
+ width: calc(100% + 16px);
+
+ .ccms-drip-filter-buttons {
+ text-align: right;
+ margin-right: 0 !important;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/steps/filter/index.tsx b/src/steps/filter/index.tsx
index 79af804cd95ede59fb75e0c9115c636bc4f9e752..bfa3b8c54f7e84727c3ac81379807ea27b4f7c04 100644
--- a/src/steps/filter/index.tsx
+++ b/src/steps/filter/index.tsx
@@ -1,8 +1,9 @@
import React from 'react'
import { FilterStep } from 'ccms'
import { IFilter, IFilterItem, FilterConfig } from 'ccms/dist/src/steps/filter'
-import { Button, Form, Space } from 'antd'
+import { Form, Row, Col, Space, Button } from '@drip/drip-design'
import getALLComponents from '../../components/formFields'
+import styles from './index.less'
export default class FilterStepComponent extends FilterStep {
getALLComponents = (type: any) => getALLComponents[type]
@@ -11,21 +12,28 @@ export default class FilterStepComponent extends FilterStep {
const {
onSubmit,
onReset,
+ submitText,
+ resetText,
children
} = props
return (
)
}
@@ -35,17 +43,22 @@ export default class FilterStepComponent extends FilterStep {
label,
status,
message,
+ visitable,
children
} = props
return (
-
- {children}
-
+
+ {children}
+
+
)
}
}
diff --git a/src/steps/form/index.less b/src/steps/form/index.less
index 99a62723fb15965c3743e825c3b58129fc7074ff..c6a6dbd8ecaf7ad41b88c1dc7b10ea044857eb04 100644
--- a/src/steps/form/index.less
+++ b/src/steps/form/index.less
@@ -1,33 +1,32 @@
-.ccms-antd-mini-form-import_subform, .ccms-antd-mini-form-group {
- margin-bottom: 0 !important;
+.ccms-drip-form {
+ .ccms-drip-form-card {
+ margin-bottom: 16px !important;
- &>:global(.ant-form-item-label) {
- width: calc(100% + 16px) !important;
- max-width: calc(100% + 16px) !important;
- margin-left: -8px !important;
- padding: 2px 8px !important;
- flex: 0 0 auto !important;
- background-color: #00000008 !important;
- }
- &>:global(.ant-form-item-control) {
- margin-left: -8px !important;
- margin-right: -8px !important;
- padding: 8px !important;
- max-width: calc(100% + 16px) !important;
- background-color: #00000004 !important;
- }
- &>:global(.ant-form-item-control):first-child {
- padding-top: 0 !important;
- background-color: #00000000 !important;
+ &>:global(.drip-card-body) {
+ &>:global(.drip-form-item) {
+ margin-bottom: 0;
+ }
+ }
+
+ &.ccms-drip-form-card-tabs {
+ &>:global(.drip-card-head) {
+ border-bottom: 0 !important;
+ margin-bottom: -12px !important;
+ }
+ &>:global(.drip-card-body) {
+ padding-top: 0 !important;
+ }
+ }
}
-}
-.ccms-antd-mini-form-form {
- &>:global(.ant-form-item-control) {
- &>:global(.ant-form-item-control-input) {
- &>:global(.ant-form-item-control-input-content) {
- min-height: 24px !important;
- }
+ .ccms-drip-form-field {
+ width: 100%;
+ max-width: 328px;
+ flex-wrap: nowrap;
+
+ &.ccms-drip-form-group, &.ccms-drip-form-form, &.ccms-drip-form-import_subform, &.ccms-drip-form-tabs {
+ max-width: initial;
+ margin-bottom: 0 !important;
}
}
}
\ No newline at end of file
diff --git a/src/steps/form/index.tsx b/src/steps/form/index.tsx
index 94d5968bcc3c4b3290a8d53d73bf92115f8e45c9..714ce5f95c62fc8ef81d62752cd7ade974f54471 100644
--- a/src/steps/form/index.tsx
+++ b/src/steps/form/index.tsx
@@ -1,12 +1,10 @@
import React from 'react'
import { FormStep } from 'ccms'
import { IForm, IFormItem, FormConfig } from 'ccms/dist/src/steps/form'
-import { Button, Form, Space } from 'antd'
+import { Button, Card, Form, Space } from '@drip/drip-design'
-import { FormProps } from 'antd/lib/form'
import getALLComponents from '../../components/formFields'
import styles from "./index.less"
-import { formItemLayout } from '../../components/formFields/common'
export default class FormStepComponent extends FormStep {
getALLComponents = (type: any) => getALLComponents[type]
@@ -15,37 +13,32 @@ export default class FormStepComponent extends FormStep {
layout,
onSubmit,
onCancel,
+ submitText,
+ cancelText,
children
} = props
- const formItemLayout: FormProps | null =
- layout === 'horizontal'
- ? {
- labelAlign: 'left',
- labelCol: { span: 6 },
- wrapperCol: { span: 18 }
- }
- : null
-
return (
+ {(onSubmit || onCancel) &&
-
-
+ {onSubmit && }
+ {onCancel && }
+ }
)
}
renderItemComponent = (props: IFormItem) => {
const {
- layout,
+ key,
+ visitable,
label,
status,
message,
@@ -53,17 +46,33 @@ export default class FormStepComponent extends FormStep {
children
} = props
- return (
-
- {children}
-
- )
+ if ((label && ['group', 'import_subform'].includes(fieldType)) || ['tabs'].includes(fieldType)) {
+ return (
+
+
+ {children}
+
+
+ )
+ } else {
+ return (
+
+ {children}
+
+ )
+ }
}
}
//
diff --git a/src/steps/index.tsx b/src/steps/index.tsx
index 9cae75db325f523496f1d5adff9c028098570834..16e4e41aae9157ccfe675afcc28f22ba4c4bef2e 100644
--- a/src/steps/index.tsx
+++ b/src/steps/index.tsx
@@ -3,11 +3,13 @@ import FormStep from './form'
import SkipStep from './skip'
import TableStep from './table'
import FilterStep from './filter'
+import DetailStep from './detail'
export default {
fetch: FetchStep,
form: FormStep,
skip: SkipStep,
table: TableStep,
- filter: FilterStep
+ filter: FilterStep,
+ detail: DetailStep
}
diff --git a/src/steps/table/index.less b/src/steps/table/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..6ab69f0d00cab671078a60fd856f6db4e2833280
--- /dev/null
+++ b/src/steps/table/index.less
@@ -0,0 +1,17 @@
+.ccms-drip-table {
+ &>.ccms-drip-table-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 16px;
+
+ &>.ccms-drip-table-title {
+ color: #000000d9;
+ font-weight: 500;
+ font-size: 16px;
+ }
+ &>.ccms-drip-table-tableOperation {
+ margin-left: 16px;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/steps/table/index.tsx b/src/steps/table/index.tsx
index ef7733ee74ca6a570b02adf3221a4c9693b416d3..b68457facccda205f0347d05801bbbec12e221d7 100644
--- a/src/steps/table/index.tsx
+++ b/src/steps/table/index.tsx
@@ -1,19 +1,22 @@
import React from 'react'
import { TableStep } from 'ccms'
-import { ITable, ITableColumn, ITableStepOperationColumn, ITableStepOperationColumnButton, ITableStepOperationColumnGroup, ITableStepOperationColumnGroupItem, ITableStepOperationColumnConfirm, ITableStepOperationModal } from 'ccms/dist/src/steps/table'
-import { Table, Button, Dropdown, Menu, Modal } from 'antd'
-import { DownOutlined } from '@ant-design/icons'
+import { ITable, ITableColumn, ITableStepOperationConfirm, ITableStepOperationModal, ITableStepRowOperation, ITableStepRowOperationButton, ITableStepRowOperationGroup, ITableStepRowOperationGroupItem, ITableStepTableOperation, ITableStepTableOperationButton, ITableStepTableOperationGroup, ITableStepTableOperationGroupItem } from 'ccms/dist/src/steps/table'
+import { Table, Button, Dropdown, Menu, Modal, Space } from '@drip/drip-design'
+import { DownOutlined } from '@drip/drip-design-icons'
import getALLComponents from '../../components/tableColumns'
import CCMS from '../../main'
import InterfaceHelper from '../../util/interface'
+import styles from './index.less'
+import { ButtonProps } from '@drip/drip-design/lib/button'
export default class TableStepComponent extends TableStep {
CCMS = CCMS
getALLComponents = (type: any) => getALLComponents[type]
interfaceHelper = new InterfaceHelper()
- renderOperationColumnConfirm = (props: ITableStepOperationColumnConfirm) => {
+ renderOperationConfirm = (props: ITableStepOperationConfirm) => {
Modal.confirm({
+ getContainer: () => document.getElementById('ccms-drip') || document.body,
title: props.title,
okText: props.okText,
cancelText: props.cancelText,
@@ -24,6 +27,8 @@ export default class TableStepComponent extends TableStep {
renderComponent = (props: ITable) => {
const {
+ title,
+ tableOperations,
primary,
columns,
data,
@@ -31,23 +36,94 @@ export default class TableStepComponent extends TableStep {
} = props
return (
- ({
- key: index,
- dataIndex: column.field,
- title: column.label,
- render: (value: any, record: { [field: string]: any }, index: number) => column.render(value, record, index)
- }))}
- dataSource={data}
- scroll={{ x: 1000 }}
- style={{marginTop: "10px"}}
- pagination={ pagination === undefined ? false : { current: pagination.current, pageSize: pagination.pageSize, total: pagination.total, onChange: (page, pageSize) => pagination.onChange(page, pageSize || pagination.pageSize) }}
- />
+
+ {(title || tableOperations) && (
+
+
{title}
+
{tableOperations}
+
+ )}
+
({
+ key: index,
+ dataIndex: column.field,
+ title: column.label,
+ render: (value: any, record: { [field: string]: any }, index: number) => column.render(value, record, index)
+ }))}
+ dataSource={data}
+ scroll={{ x: 1000 }}
+ size="middle"
+ pagination={ pagination === undefined ? false : {
+ current: pagination.current,
+ pageSize: pagination.pageSize,
+ total: pagination.total,
+ onChange: (page, pageSize) => pagination.onChange(page, pageSize || pagination.pageSize),
+ showSizeChanger: true,
+ showTotal: (total, range) => `第 ${range[0]} - ${range[1]} 条 / 共 ${total} 条`,
+ locale: {
+ items_per_page: '条/页'
+ }
+ }}
+ />
+
+ )
+ }
+
+ renderRowOperationComponent = (props: ITableStepRowOperation) => {
+ const {
+ children
+ } = props
+ return (
+
+ {children}
+
+ )
+ }
+
+ renderRowOperationButtonComponent = (props: ITableStepRowOperationButton) => {
+ const {
+ label,
+ onClick
+ } = props
+
+ return onClick()}>{label}
+ }
+
+ renderRowOperationGroupComponent = (props: ITableStepRowOperationGroup) => {
+ const {
+ label,
+ children
+ } = props
+ return (
+ document.getElementById('ccms-drip') || ele.parentElement || document.body}
+ overlay={(
+
+ )}
+
+ >
+ {label}
+
+ )
+ }
+
+ renderRowOperationGroupItemComponent = (props: ITableStepRowOperationGroupItem) => {
+ const {
+ label,
+ disabled,
+ onClick
+ } = props
+ return (
+ onClick()}>{label}
)
}
- renderOperationColumnComponent = (props: ITableStepOperationColumn) => {
+
+
+ renderTableOperationComponent = (props: ITableStepTableOperation) => {
const {
children
} = props
@@ -58,22 +134,32 @@ export default class TableStepComponent extends TableStep {
)
}
- renderOperationColumnButtonComponent = (props: ITableStepOperationColumnButton) => {
+ renderTableOperationButtonComponent = (props: ITableStepTableOperationButton) => {
const {
label,
+ level,
disabled,
onClick
} = props
- return
+
+ const button_props: ButtonProps = { disabled }
+ if (level === 'primary') {
+ button_props.type = 'primary'
+ } else if (level === 'danger') {
+ button_props.danger = true
+ }
+ return
}
- renderOperationColumnGroupComponent = (props: ITableStepOperationColumnGroup) => {
+ renderTableOperationGroupComponent = (props: ITableStepTableOperationGroup) => {
const {
label,
children
} = props
+
return (
document.getElementById('ccms-drip') || node.parentElement || document.body}
overlay={(