You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
1.0 KiB
70 lines
1.0 KiB
.network-display {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
padding: 0 10px;
|
|
border-radius: 4px;
|
|
min-height: 25px;
|
|
user-select: none;
|
|
|
|
&--disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
&--colored {
|
|
background-color: lighten(rgb(125, 128, 130), 45%);
|
|
}
|
|
|
|
&--mainnet {
|
|
background-color: lighten($blue-lagoon, 68%);
|
|
}
|
|
|
|
&--ropsten {
|
|
background-color: lighten($crimson, 45%);
|
|
}
|
|
|
|
&--kovan {
|
|
background-color: lighten($purple, 65%);
|
|
}
|
|
|
|
&--rinkeby {
|
|
background-color: lighten($tulip-tree, 35%);
|
|
}
|
|
|
|
&--goerli {
|
|
background-color: lighten($dodger-blue, 35%);
|
|
}
|
|
|
|
&--localhost {
|
|
background-color: lighten($blue-lagoon, 68%);
|
|
}
|
|
|
|
&.chip {
|
|
margin: 0;
|
|
max-width: 100%;
|
|
}
|
|
|
|
& .chip__label {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
& .chip__left-icon {
|
|
margin-left: 4px;
|
|
}
|
|
|
|
& .chip__right-icon {
|
|
margin-right: 4px;
|
|
}
|
|
|
|
&__icon {
|
|
height: 8px;
|
|
width: 12px;
|
|
display: block;
|
|
}
|
|
|
|
&--clickable {
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|