Entwicklung_BLAZOR/TestRibbon/TestRibbon/TestRibbon.Client/Pages/Counter.razor.css

38 lines
855 B
CSS

.counter-block {
display: flex;
padding: 2.5rem 1.5rem 1.5rem 1.5rem;
flex-direction: column;
border-radius: 1rem;
gap: 1.5rem;
justify-content: center;
align-items: center;
width: 16.875rem;
height: 17rem;
position: relative;
}
.counter-block .counter-content {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
}
.counter-block .counter-count {
font-size: 7.5rem;
font-weight: 400;
line-height: 7.75rem;
}
.counter-block .counter-block-back {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--bs-body-color, var(--DS-color-content-neutral-default-rest));
opacity: 0.05;
border-radius: 1rem;
z-index: -2;
}