lath
Version:
Seamless connection of pages.
14 lines (13 loc) • 2.65 kB
TypeScript
export declare const switcherCSSText = "\n box-sizing: border-box;\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n z-index: 102;\n width: 100%;\n height: 100%;\n background: rgb(70 70 70 / 50%);\n opacity: 0;\n transform: translate3d(0, 0, 0);\n backface-visibility: hidden;\n transition: opacity .4s ease;\n backdrop-filter: blur(20px) saturate(180%);\n";
export declare const snapWrapperCSSText = "\n display: grid;\n box-sizing: border-box;\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n z-index: 2;\n width: 100%;\n height: 100%;\n padding: 20px 10px;\n padding-top: calc(20px + constant(safe-area-inset-top));\n padding-top: calc(20px + env(safe-area-inset-top));\n scroll-padding-top: calc(20px + constant(safe-area-inset-top));\n scroll-padding-top: calc(20px + env(safe-area-inset-top));\n overflow-y: hidden;\n scroll-behavior: smooth;\n transform: translate3d(0, 0, 0);\n backface-visibility: hidden;\n";
export declare const snapWrapper2CSSText: string;
export declare const snapWrapper3CSSText: string;
export declare const itemImgWrapperCSSText = "\n display: block;\n position: relative;\n width: 100%;\n height: 100%;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 3px 10px rgb(0 0 0 / 30%);\n";
export declare const itemViewCSSText = "\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n scroll-snap-align: start;\n cursor: pointer;\n margin: 0 10px;\n transition: transform .4s ease;\n";
export declare const itemImgCSSText = "\n display: block;\n width: 100%;\n height: 100%;\n border-radius: 16px;\n transform-origin: top left;\n transform: translate3d(0, 0, 0);\n backface-visibility: hidden;\n overflow: hidden;\n";
export declare const itemImgCoverCSSText: string;
export declare const itemInfoCSSText = "\n display: flex;\n margin: 0 auto;\n width: 100%;\n justify-content: center;\n align-items: center;\n";
export declare const itemTitleCSSText = "\n margin-top: 4px;\n font-size: 16px;\n color: #fff;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-family: \"SF Pro Text\",\"Myriad Set Pro\",\"SF Pro Icons\",\"Apple Legacy Chevron\",\"Helvetica\",\"Arial\",sans-serif;\n";
export declare const itemCloseBtnCSSText = "\n display: grid;\n place-items: center;\n position: absolute;\n right: 4px;\n top: 4px;\n width: 22px;\n height: 22px;\n border-radius: 11px;\n background-color: #666;\n opacity: .7\n";
export declare const itemCloseBtnX1ShapeCSSText: string;
export declare const itemCloseBtnX2ShapeCSSText: string;