@roochnetwork/rooch-sdk-kit
Version:
Rooch SDK Kit
140 lines (136 loc) • 7.58 kB
CSS
/* 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 */