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.
55 lines
907 B
55 lines
907 B
7 years ago
|
.network-display {
|
||
|
&__container {
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: flex-start;
|
||
|
background-color: lighten(rgb(125, 128, 130), 45%);
|
||
|
padding: 0 10px;
|
||
|
border-radius: 4px;
|
||
|
height: 25px;
|
||
|
|
||
|
&--mainnet {
|
||
|
background-color: lighten($blue-lagoon, 45%);
|
||
|
}
|
||
|
|
||
|
&--ropsten {
|
||
|
background-color: lighten($crimson, 45%);
|
||
|
}
|
||
|
|
||
|
&--kovan {
|
||
|
background-color: lighten($purple, 45%);
|
||
|
}
|
||
|
|
||
|
&--rinkeby {
|
||
|
background-color: lighten($tulip-tree, 45%);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
&__name {
|
||
|
font-size: .875rem;
|
||
|
padding-left: 5px;
|
||
|
}
|
||
|
|
||
|
&__icon {
|
||
|
height: 10px;
|
||
|
width: 10px;
|
||
|
border-radius: 10px;
|
||
|
|
||
|
&--mainnet {
|
||
|
background-color: $blue-lagoon;
|
||
|
}
|
||
|
|
||
|
&--ropsten {
|
||
|
background-color: $crimson;
|
||
|
}
|
||
|
|
||
|
&--kovan {
|
||
|
background-color: $purple;
|
||
|
}
|
||
|
|
||
|
&--rinkeby {
|
||
|
background-color: $tulip-tree;
|
||
|
}
|
||
|
}
|
||
|
}
|