propapier/app/assets/styles/priceCard.css
webfussel aa9c936f80 add: design, icons, calculation
Implemented new design for PriceCards, added some icons for visuals, added calculation per price card
2025-02-13 21:21:56 +01:00

49 lines
No EOL
933 B
CSS

.PriceCard {
width: 100%;
& > .padding {
gap: 1rem;
padding: var(--padding-default);
}
& > .bg-blue {
background: var(--color-blue);
}
& > .bg-white {
background: var(--color-white);
}
& .wrapper {
display: flex;
flex-direction: row;
width: 100%;
gap: 1rem;
justify-content: space-between;
& > * {
flex-basis: 30%;
flex-grow: 1;
}
& > .info {
align-items: center;
& > .icon {
color: var(--color-blue-light);
font-size: 2rem;
padding: .2rem;
}
& > .price {
font-size: 1.2rem;
}
& > .pro {
font-size: .8rem;
font-weight: bold;
color: var(--color-main-light);
}
}
}
}