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/_badge.scss

46 lines
997 B

$badge-success-color: #15bba6 !default;
$badge-success-background-color: rgba($badge-success-color, 0.1) !default;
$badge-danger-color: #ed9966 !default;
$badge-danger-background-color: rgba($badge-danger-color, 0.1) !default;
$badge-neutral-color: #333 !default;
$badge-neutral-background-color: #e9e9e9 !default;
.badge {
color: $white;
&.tile-badge {
font-size: 10px;
font-weight: bold;
height: 20px;
line-height: 20px;
margin: 0;
padding: 0 11px;
width: auto;
}
&.api-badge {
font-size: 12px;
font-weight: 700;
height: 24px;
line-height: 26px;
margin: 0;
padding: 0 8px;
width: auto;
}
&.badge-success {
background-color: $badge-success-background-color;
color: $badge-success-color;
}
&.badge-danger {
background-color: $badge-danger-background-color;
color: $badge-danger-color;
}
&.badge-neutral {
background-color: $badge-neutral-background-color;
color: $badge-neutral-color;
}
}