@broxus/tvm-connect
Version:
Nekoton-compatible wallets connector.
45 lines (37 loc) • 1.71 kB
CSS
.tvm-connect-connection-request {
}
.tvm-connect-connection-request .tvm-connect-connection-request-back-button {
color: var(--close-color, #333);
left: var(--modal-close-position);
position: absolute;
top: var(--modal-close-position);
}
.tvm-connect-connection-request .tvm-connect-connection-request-back-button:hover,
.tvm-connect-connection-request .tvm-connect-connection-request-back-button:focus {
color: var(--close-hover-color, #5e5e5e);
}
.tvm-connect-connection-request .tvm-connect-connection-request-title {
color: var(--base-body-color, #333);
font-weight: 600;
margin-bottom: var(--global-small-margin, 10px);
}
.tvm-connect-connection-request .tvm-connect-connection-request-button {
background-color: rgb(0 0 0 / 12%);
border: var(--tvm-connect-connection-request-button-border-width) var(--tvm-connect-connection-request-button-border-style) var(--tvm-connect-connection-request-button-border);
border-radius: 8px;
box-sizing: border-box;
color: var(--base-body-color, #383838);
line-height: var(--button-line-height, 32px);
}
.tvm-connect-connection-request .tvm-connect-connection-request-button:hover,
.tvm-connect-connection-request .tvm-connect-connection-request-button:focus {
background-color: rgb(0 0 0 / 16%);
border-color: var(--tvm-connect-provider-button-hover-border);
color: var(--base-body-color, #383838);
}
:root {
--tvm-connect-connection-request-button-border-width: 2px;
--tvm-connect-connection-request-button-border-style: solid;
--tvm-connect-connection-request-button-border: transparent;
--tvm-connect-connection-request-button-hover-border: var(--global-border, transparent);
}