Files
brk/website_next/wallets/wallet/address/style.css
T
2026-06-18 22:39:28 +02:00

44 lines
937 B
CSS

main.wallets {
.wallets__address-cell {
display: grid;
gap: 0.25rem;
> span:first-child {
display: inline-flex;
align-items: center;
justify-self: start;
min-height: 1rem;
border: 1px solid color-mix(in oklch, var(--gray) 28%, transparent);
border-radius: 0.25rem;
padding: 0 0.25rem;
color: color-mix(in oklch, var(--white) 76%, var(--gray));
line-height: 1;
}
> span:last-child {
color: var(--gray);
font-size: var(--font-size-xs);
line-height: var(--line-height-xs);
}
}
.wallets__address {
display: flex;
flex-wrap: wrap;
gap: 0 0.375rem;
max-width: 40rem;
> span {
white-space: nowrap;
}
[data-wallets-address-character="letter"] {
color: var(--white);
}
[data-wallets-address-character="number"] {
color: color-mix(in oklch, var(--white) 50%, var(--gray));
}
}
}