Blockchain explorer for Ethereum based network and a tool for inspecting and analyzing EVM based blockchains.
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.
 
 
 
 
 
blockscout/apps/block_scout_web/assets/css/components/_label.scss

98 lines
2.0 KiB

.bs-label {
display: inline-block;
padding: 0 5px;
background: #f5f6fa;
color: #77838f;
border-radius: 5px;
&.large {
font-size: 14px;
}
font-size: 12px;
padding: 5px;
line-height: normal;
&.right {
margin-left: auto;
float: right;
}
&.omni {
background: #6ca1e2;
color: #fff;
}
&.destination-eth {
background: #253358;
color: #fff;
}
&.destination-bsc {
background: #e7b941;
color: #fff;
}
&.destination-rinkeby {
background: #153550;
color: #fff;
}
&.bridged {
background: #70aee3;
color: #fff;
}
&.validator {
background: $primary;
color: #fff;
}
&.secondary {
background: $secondary;
color: #fff;
}
&.method {
color: #1e2022;
}
&.from-dropdown {
margin-top: -3px;
}
&.success {
background: rgba(40, 167, 69, 0.2);
color: rgb(40, 167, 69);
}
}
.confirmations-label {
position: relative;
padding-left: 1.15rem;
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding-right: 10px;
}
.confirmations-label:after {
position: absolute;
left: 0;
top: 0;
content: "";
border-top: .9rem solid transparent;
border-bottom: .9rem solid transparent;
border-left: .9rem solid #fff;
}
.index-label {
position: relative;
padding-right: .3rem;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
background: #f5f6fa;
color: #77838f;
padding: .2rem .5rem;
}
.index-label:after {
position: absolute;
left: 100%;
top: 0;
content: "";
border-top: .8rem solid transparent;
border-bottom: .8rem solid transparent;
border-left: .8rem solid rgba(245, 246, 250, 1);
}