1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-21 00:43:21 +01:00
metamask-extension/ui/app/pages/add-token/token-list/index.scss

69 lines
1.2 KiB
SCSS
Raw Normal View History

@import 'token-list-placeholder/index';
2018-05-20 08:04:19 +02:00
.token-list {
&__title {
2020-10-29 17:31:48 +01:00
@include H7;
2018-05-20 08:04:19 +02:00
}
&__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;
2018-05-20 08:04:19 +02:00
position: relative;
&:hover,
&:focus {
border-color: rgba($malibu-blue, 0.5);
2018-05-20 08:04:19 +02:00
}
&--selected {
border-color: $malibu-blue !important;
2018-05-20 08:04:19 +02:00
}
&--disabled {
opacity: 0.4;
2018-05-20 08:04:19 +02:00
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);
2018-05-20 08:04:19 +02:00
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;
2018-05-20 08:04:19 +02:00
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}