2 lines
9.4 KiB
CSS
2 lines
9.4 KiB
CSS
:host,:root{--van-loading-text-color: var(--van-text-color-2);--van-loading-text-font-size: var(--van-font-size-md);--van-loading-spinner-color: var(--van-gray-5);--van-loading-spinner-size: 30px;--van-loading-spinner-duration: .8s}.van-loading{color:var(--van-loading-spinner-color);font-size:0;position:relative;vertical-align:middle}.van-loading__spinner{animation:van-rotate var(--van-loading-spinner-duration) linear infinite;display:inline-block;height:var(--van-loading-spinner-size);max-height:100%;max-width:100%;position:relative;vertical-align:middle;width:var(--van-loading-spinner-size)}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{animation-duration:2s}.van-loading__line{height:100%;left:0;position:absolute;top:0;width:100%}.van-loading__line:before{background-color:currentColor;border-radius:40%;content:" ";display:block;height:25%;margin:0 auto;width:2px}.van-loading__circular{display:block;height:100%;width:100%}.van-loading__circular circle{animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{color:var(--van-loading-text-color);display:inline-block;font-size:var(--van-loading-text-font-size);margin-left:var(--van-padding-xs);vertical-align:middle}.van-loading--vertical{align-items:center;display:flex;flex-direction:column}.van-loading--vertical .van-loading__text{margin:var(--van-padding-xs) 0 0}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__line--1{opacity:1;transform:rotate(30deg)}.van-loading__line--2{opacity:.9375;transform:rotate(60deg)}.van-loading__line--3{opacity:.875;transform:rotate(90deg)}.van-loading__line--4{opacity:.8125;transform:rotate(120deg)}.van-loading__line--5{opacity:.75;transform:rotate(150deg)}.van-loading__line--6{opacity:.6875;transform:rotate(180deg)}.van-loading__line--7{opacity:.625;transform:rotate(210deg)}.van-loading__line--8{opacity:.5625;transform:rotate(240deg)}.van-loading__line--9{opacity:.5;transform:rotate(270deg)}.van-loading__line--10{opacity:.4375;transform:rotate(300deg)}.van-loading__line--11{opacity:.375;transform:rotate(330deg)}.van-loading__line--12{opacity:.3125;transform:rotate(1turn)}:host,:root{--van-overlay-z-index: 1;--van-overlay-background: rgba(0,0,0,.7)}.van-overlay{background:var(--van-overlay-background);height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--van-overlay-z-index)}:host,:root{--van-popup-background: var(--van-background-2);--van-popup-transition: transform var(--van-duration-base);--van-popup-round-radius: 16px;--van-popup-close-icon-size: 22px;--van-popup-close-icon-color: var(--van-gray-5);--van-popup-close-icon-margin: 16px;--van-popup-close-icon-z-index: 1}.van-overflow-hidden{overflow:hidden!important}.van-popup{background:var(--van-popup-background);box-sizing:border-box;max-height:100%;overflow-y:auto;position:fixed;transition:var(--van-popup-transition);-webkit-overflow-scrolling:touch}.van-popup--center{left:0;margin:0 auto;max-width:calc(100vw - var(--van-padding-md)*2);right:0;top:50%;transform:translateY(-50%);width:-moz-fit-content;width:fit-content}.van-popup--center.van-popup--round{border-radius:var(--van-popup-round-radius)}.van-popup--top{left:0;top:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 var(--van-popup-round-radius) var(--van-popup-round-radius)}.van-popup--right{right:0;top:50%;transform:translate3d(0,-50%,0)}.van-popup--right.van-popup--round{border-radius:var(--van-popup-round-radius) 0 0 var(--van-popup-round-radius)}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:var(--van-popup-round-radius) var(--van-popup-round-radius) 0 0}.van-popup--left{left:0;top:50%;transform:translate3d(0,-50%,0)}.van-popup--left.van-popup--round{border-radius:0 var(--van-popup-round-radius) var(--van-popup-round-radius) 0}.van-popup-slide-bottom-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-top-enter-active{transition-timing-function:var(--van-ease-out)}.van-popup-slide-bottom-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-top-leave-active{transition-timing-function:var(--van-ease-in)}.van-popup-slide-top-enter-from,.van-popup-slide-top-leave-active{transform:translate3d(0,-100%,0)}.van-popup-slide-right-enter-from,.van-popup-slide-right-leave-active{transform:translate3d(100%,-50%,0)}.van-popup-slide-bottom-enter-from,.van-popup-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.van-popup-slide-left-enter-from,.van-popup-slide-left-leave-active{transform:translate3d(-100%,-50%,0)}.van-popup__close-icon{color:var(--van-popup-close-icon-color);font-size:var(--van-popup-close-icon-size);position:absolute;z-index:var(--van-popup-close-icon-z-index)}.van-popup__close-icon--top-left{left:var(--van-popup-close-icon-margin);top:var(--van-popup-close-icon-margin)}.van-popup__close-icon--top-right{right:var(--van-popup-close-icon-margin);top:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-left{bottom:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-right{bottom:var(--van-popup-close-icon-margin);right:var(--van-popup-close-icon-margin)}:host,:root{--van-action-sheet-max-height: 80%;--van-action-sheet-header-height: 48px;--van-action-sheet-header-font-size: var(--van-font-size-lg);--van-action-sheet-description-color: var(--van-text-color-2);--van-action-sheet-description-font-size: var(--van-font-size-md);--van-action-sheet-description-line-height: var(--van-line-height-md);--van-action-sheet-item-background: var(--van-background-2);--van-action-sheet-item-font-size: var(--van-font-size-lg);--van-action-sheet-item-line-height: var(--van-line-height-lg);--van-action-sheet-item-text-color: var(--van-text-color);--van-action-sheet-item-disabled-text-color: var(--van-text-color-3);--van-action-sheet-item-icon-size: 18px;--van-action-sheet-item-icon-margin-right: var(--van-padding-xs);--van-action-sheet-subname-color: var(--van-text-color-2);--van-action-sheet-subname-font-size: var(--van-font-size-sm);--van-action-sheet-subname-line-height: var(--van-line-height-sm);--van-action-sheet-close-icon-size: 22px;--van-action-sheet-close-icon-color: var(--van-gray-5);--van-action-sheet-close-icon-padding: 0 var(--van-padding-md);--van-action-sheet-cancel-text-color: var(--van-gray-7);--van-action-sheet-cancel-padding-top: var(--van-padding-xs);--van-action-sheet-cancel-padding-color: var(--van-background);--van-action-sheet-loading-icon-size: 22px}.van-action-sheet{color:var(--van-action-sheet-item-text-color);display:flex;flex-direction:column;max-height:var(--van-action-sheet-max-height);overflow:hidden}.van-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__cancel,.van-action-sheet__item{align-items:center;background:var(--van-action-sheet-item-background);border:none;cursor:pointer;display:flex;flex-wrap:wrap;font-size:var(--van-action-sheet-item-font-size);justify-content:center;padding:14px var(--van-padding-md);width:100%}.van-action-sheet__cancel:active,.van-action-sheet__item:active{background-color:var(--van-active-color)}.van-action-sheet__item{line-height:var(--van-action-sheet-item-line-height)}.van-action-sheet__item--disabled,.van-action-sheet__item--loading{color:var(--van-action-sheet-item-disabled-text-color)}.van-action-sheet__item--disabled:active,.van-action-sheet__item--loading:active{background-color:var(--van-action-sheet-item-background)}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__item-icon{font-size:var(--van-action-sheet-item-icon-size);margin-right:var(--van-action-sheet-item-icon-margin-right)}.van-action-sheet__cancel{box-sizing:border-box;color:var(--van-action-sheet-cancel-text-color);flex-shrink:0}.van-action-sheet__subname{color:var(--van-action-sheet-subname-color);font-size:var(--van-action-sheet-subname-font-size);line-height:var(--van-action-sheet-subname-line-height);margin-top:var(--van-padding-xs);overflow-wrap:break-word;width:100%}.van-action-sheet__gap{background:var(--van-action-sheet-cancel-padding-color);display:block;height:var(--van-action-sheet-cancel-padding-top)}.van-action-sheet__header{flex-shrink:0;font-size:var(--van-action-sheet-header-font-size);font-weight:var(--van-font-bold);line-height:var(--van-action-sheet-header-height);text-align:center}.van-action-sheet__description{color:var(--van-action-sheet-description-color);flex-shrink:0;font-size:var(--van-action-sheet-description-font-size);line-height:var(--van-action-sheet-description-line-height);padding:20px var(--van-padding-md);position:relative;text-align:center}.van-action-sheet__description:after{border-bottom:1px solid var(--van-border-color);bottom:0;box-sizing:border-box;content:" ";left:var(--van-padding-md);pointer-events:none;position:absolute;right:var(--van-padding-md);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{height:var(--van-action-sheet-loading-icon-size);width:var(--van-action-sheet-loading-icon-size)}.van-action-sheet__close{color:var(--van-action-sheet-close-icon-color);font-size:var(--van-action-sheet-close-icon-size);line-height:inherit;padding:var(--van-action-sheet-close-icon-padding);position:absolute;right:0;top:0;z-index:1}
|