azure-devops-ui
Version:
React components for building web UI in Azure DevOps
57 lines (55 loc) • 1.11 kB
CSS
.bolt-coin-content {
align-items: center;
background-color: rgba( 166, 166, 166 , 1 );
background-color: rgba( var(--palette-neutral-30,166, 166, 166) , 1 );
border-radius: 50%;
color: white;
display: flex;
height: 100%;
justify-content: center;
width: 100%;
user-select: none;
}
@media (forced-colors: active) {
.bolt-coin-content {
background-color: WindowText;
}
}
.bolt-coin-content.using-image {
object-fit: cover;
background-color: transparent;
}
.bolt-coin-content.pending-load-image {
visibility: hidden;
}
.bolt-coin-content.size16 {
font-size: 0.6875rem;
width: 1rem;
height: 1rem;
}
.bolt-coin-content.size20 {
font-size: 0.6875rem;
width: 1.25rem;
height: 1.25rem;
}
.bolt-coin-content.size24 {
font-size: 0.6875rem;
width: 1.5rem;
height: 1.5rem;
}
.bolt-coin-content.size32 {
font-size: 0.875rem;
width: 2rem;
height: 2rem;
}
.bolt-coin-content.size40 {
font-size: 0.875rem;
width: 2.5rem;
height: 2.5rem;
}
.bolt-coin-content.size72 {
font-size: 1.75rem;
width: 4.5rem;
height: 4.5rem;
}
/*# sourceMappingURL=Coin.css.map */