UNPKG

@roochnetwork/rooch-sdk-kit

Version:
140 lines (136 loc) 7.58 kB
/* vanilla-extract-css-ns:src/components/ui/Modal.css.ts.vanilla.css?source=Lk1vZGFsX292ZXJsYXlfXzFjNXoxN2YwIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLW1vZGFsT3ZlcmxheSk7CiAgYmFja2Ryb3AtZmlsdGVyOiB2YXIoLS1kYXBwLWtpdC1ibHVycy1tb2RhbE92ZXJsYXkpOwogIHBvc2l0aW9uOiBmaXhlZDsKICBpbnNldDogMDsKICB6LWluZGV4OiA5OTk5OTk5OTk7Cn0KLk1vZGFsX2NvbnRlbnRfXzFjNXoxN2YxIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLW1vZGFsUHJpbWFyeSk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWkteGxhcmdlKTsKICBjb2xvcjogdmFyKC0tZGFwcC1raXQtY29sb3JzLWJvZHkpOwogIHBvc2l0aW9uOiBmaXhlZDsKICBib3R0b206IDE2cHg7CiAgbGVmdDogMTZweDsKICByaWdodDogMTZweDsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIG92ZXJmbG93OiBoaWRkZW47CiAgbWluLWhlaWdodDogNTB2aDsKICBtYXgtaGVpZ2h0OiA4NXZoOwogIG1heC13aWR0aDogNzAwcHg7Cn0KLk1vZGFsX2Nsb3NlQnV0dG9uQ29udGFpbmVyX18xYzV6MTdmMiB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIHRvcDogMTZweDsKICByaWdodDogMTZweDsKfQpAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjhweCkgewogIC5Nb2RhbF9jb250ZW50X18xYzV6MTdmMSB7CiAgICBmbGV4LWRpcmVjdGlvbjogcm93OwogICAgd2lkdGg6IDEwMCU7CiAgICB0b3A6IDUwJTsKICAgIGxlZnQ6IDUwJTsKICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpOwogIH0KfQ== */ [data-sdk-kit].Modal_overlay__1c5z17f0, [data-sdk-kit] .Modal_overlay__1c5z17f0 { background-color: var(--dapp-kit-backgroundColors-modalOverlay); -webkit-backdrop-filter: var(--dapp-kit-blurs-modalOverlay); backdrop-filter: var(--dapp-kit-blurs-modalOverlay); position: fixed; inset: 0; z-index: 999999999; } [data-sdk-kit].Modal_content__1c5z17f1, [data-sdk-kit] .Modal_content__1c5z17f1 { background-color: var(--dapp-kit-backgroundColors-modalPrimary); border-radius: var(--dapp-kit-radii-xlarge); color: var(--dapp-kit-colors-body); position: fixed; bottom: 16px; left: 16px; right: 16px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; min-height: 50vh; max-height: 85vh; max-width: 700px; } [data-sdk-kit].Modal_closeButtonContainer__1c5z17f2, [data-sdk-kit] .Modal_closeButtonContainer__1c5z17f2 { position: absolute; top: 16px; right: 16px; } @media screen and (min-width: 768px) { [data-sdk-kit].Modal_content__1c5z17f1, [data-sdk-kit] .Modal_content__1c5z17f1 { flex-direction: row; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } } /* vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9 */ [data-sdk-kit]:where(*), [data-sdk-kit] :where(*) { box-sizing: border-box; color: var(--dapp-kit-colors-body); font-family: var(--dapp-kit-typography-fontFamily); font-size: var(--dapp-kit-fontWeights-normal); font-style: var(--dapp-kit-typography-fontStyle); font-weight: var(--dapp-kit-fontWeights-normal); line-height: var(--dapp-kit-typography-lineHeight); letter-spacing: var(--dapp-kit-typography-letterSpacing); } [data-sdk-kit]:where(button), [data-sdk-kit] :where(button) { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; font-size: inherit; font-family: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; border: 0; padding: 0; margin: 0; } [data-sdk-kit]:where(a), [data-sdk-kit] :where(a) { text-decoration: none; color: inherit; outline: none; } [data-sdk-kit]:where(ol, ul), [data-sdk-kit] :where(ol, ul) { list-style: none; margin: 0; padding: 0; } [data-sdk-kit]:where(h1, h2, h3, h4, h5, h6), [data-sdk-kit] :where(h1, h2, h3, h4, h5, h6) { font-size: inherit; font-weight: inherit; margin: 0; } /* vanilla-extract-css-ns:src/components/fauct-modal/views/FaucetView.css.ts.vanilla.css?source=LkZhdWNldFZpZXdfY29udGFpbmVyX18xZmY2MnkwMCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgd2lkdGg6IDEwMCU7CiAgbWFyZ2luLXRvcDogMTZweDsKfQouRmF1Y2V0Vmlld19jb250ZW50X18xZmY2MnkwMSB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZmxleC1ncm93OiAxOwogIGdhcDogMjBweDsKICBwYWRkaW5nOiA0MHB4Owp9Ci5GYXVjZXRWaWV3X2NyZWF0ZUJ1dHRvbkNvbnRhaW5lcl9fMWZmNjJ5MDIgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBib3R0b206IDIwcHg7CiAgcmlnaHQ6IDIwcHg7Cn0KLkZhdWNldFZpZXdfcHJvZ3Jlc3NCYXJfXzFmZjYyeTAzIHsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgYm90dG9tOiAwOwogIGxlZnQ6IDEwcHg7CiAgaGVpZ2h0OiAxcHg7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtY29sb3JzLXByaW1hcnlCdXR0b24pOwogIHRyYW5zaXRpb246IHdpZHRoIDAuMnMgZWFzZTsKICBib3JkZXItcmFkaXVzOiA4cHg7Cn0= */ [data-sdk-kit].FaucetView_container__1ff62y00, [data-sdk-kit] .FaucetView_container__1ff62y00 { display: flex; flex-direction: column; align-items: center; width: 100%; margin-top: 16px; } [data-sdk-kit].FaucetView_content__1ff62y01, [data-sdk-kit] .FaucetView_content__1ff62y01 { display: flex; flex-direction: column; justify-content: center; align-items: center; flex-grow: 1; gap: 20px; padding: 40px; } [data-sdk-kit].FaucetView_createButtonContainer__1ff62y02, [data-sdk-kit] .FaucetView_createButtonContainer__1ff62y02 { position: absolute; bottom: 20px; right: 20px; } [data-sdk-kit].FaucetView_progressBar__1ff62y03, [data-sdk-kit] .FaucetView_progressBar__1ff62y03 { position: absolute; bottom: 0; left: 10px; height: 1px; background-color: var(--dapp-kit-colors-primaryButton); transition: width 0.2s ease; border-radius: 8px; } /* vanilla-extract-css-ns:src/components/ui/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25fY29udGFpbmVyX181enI0ZmcwIHsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7CiAgcGFkZGluZzogOHB4OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtaWNvbkJ1dHRvbik7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1pY29uQnV0dG9uKTsKfQouSWNvbkJ1dHRvbl9jb250YWluZXJfXzV6cjRmZzA6aG92ZXIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtaWNvbkJ1dHRvbkhvdmVyKTsKfQ== */ [data-sdk-kit].IconButton_container__5zr4fg0, [data-sdk-kit] .IconButton_container__5zr4fg0 { border-radius: 9999px; padding: 8px; color: var(--dapp-kit-colors-iconButton); background-color: var(--dapp-kit-backgroundColors-iconButton); } [data-sdk-kit].IconButton_container__5zr4fg0:hover, [data-sdk-kit] .IconButton_container__5zr4fg0:hover { background-color: var(--dapp-kit-backgroundColors-iconButtonHover); } /*# sourceMappingURL=Modal.css.map */