1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/pages/import-token/token-list/index.scss

69 lines
1.2 KiB
SCSS

@import 'token-list-placeholder/index';
.token-list {
&__title {
@include H7;
}
&__tokens-container {
display: flex;
flex-direction: column;
}
&__token {
transition: 200ms ease-in-out;
display: flex;
flex-flow: row nowrap;
align-items: center;
padding: 8px;
margin-top: 8px;
box-sizing: border-box;
border-radius: 10px;
cursor: pointer;
border: 1px solid transparent;
position: relative;
&:hover,
&:focus {
border-color: rgba($malibu-blue, 0.5);
}
&--selected {
border-color: $malibu-blue !important;
}
&--disabled {
opacity: 0.4;
pointer-events: none;
}
}
&__token-icon {
width: 48px;
height: 48px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
border-radius: 50%;
background-color: $white;
box-shadow: 0 2px 4px 0 rgba($black, 0.24);
margin-right: 12px;
flex: 0 0 auto;
}
&__token-data {
display: flex;
flex-direction: row;
align-items: center;
min-width: 0;
}
&__token-name {
/*rtl:ignore*/
direction: ltr;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}