2018-06-23 08:52:45 +02:00
|
|
|
.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 {
|
2018-07-14 22:47:07 +02:00
|
|
|
background-color: lighten($blue-lagoon, 68%);
|
2018-06-23 08:52:45 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
&--ropsten {
|
|
|
|
background-color: lighten($crimson, 45%);
|
|
|
|
}
|
|
|
|
|
|
|
|
&--kovan {
|
2018-07-14 22:47:07 +02:00
|
|
|
background-color: lighten($purple, 65%);
|
2018-06-23 08:52:45 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
&--rinkeby {
|
2018-07-14 22:47:07 +02:00
|
|
|
background-color: lighten($tulip-tree, 35%);
|
2018-06-23 08:52:45 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&__name {
|
2018-07-12 02:34:41 +02:00
|
|
|
font-size: .75rem;
|
2018-06-23 08:52:45 +02:00
|
|
|
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;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|