1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-01 13:47:06 +01:00
metamask-extension/ui/app/css/itcss/components/account-dropdown.scss

111 lines
1.6 KiB
SCSS

.account-dropdown-name {
font-family: Roboto;
}
.account-dropdown-balance {
color: $dusty-gray;
line-height: 19px;
}
.account-dropdown-edit-button {
color: $dusty-gray;
font-family: Roboto;
&:hover {
color: $white;
}
}
.account-list-item {
&__top-row {
display: flex;
margin-top: 10px;
margin-left: 8px;
position: relative;
}
&__tooltip-wrapper {
left: -10px;
}
&__account-balances {
height: auto;
border: none;
background-color: transparent;
color: #9b9b9b;
margin-left: 34px;
margin-top: 4px;
position: relative;
}
&__primary-cached-container {
display: flex;
}
&__cached-star {
margin-left: 4px;
}
&__cached-balances {
div:first-of-type {
color: $web-orange;
}
div:last-of-type {
color: rgba(220, 153, 18, 0.6901960784313725)
}
}
&__account-name {
font-size: 16px;
margin-left: 8px;
}
&__icon {
position: absolute;
right: 12px;
top: 1px;
}
&__account-primary-balance,
&__account-secondary-balance {
font-family: Roboto;
line-height: 16px;
font-size: 12px;
}
&__balance-flag {
position: absolute;
top: 3px;
left: -8px;
color: $curious-blue;
}
&__account-primary-balance {
color: $scorpion;
border: none;
}
&__account-secondary-balance {
color: $dusty-gray;
}
&__account-address {
margin-left: 35px;
width: 80%;
overflow: hidden;
text-overflow: ellipsis;
}
&__dropdown {
&:hover {
background: rgba($alto, .2);
cursor: pointer;
input {
background: rgba($alto, .1);
}
}
}
}