add: new price card

Added new price card design, wip
This commit is contained in:
Fiona Lena Urban 2025-04-28 21:07:04 +02:00
parent 9d686e2af2
commit 7aa21c1c19
7 changed files with 194 additions and 139 deletions

View file

@ -10,6 +10,7 @@
--color-blue: #2e86de;
--color-blue-dark: #1b4b7f;
--color-grey: #c7c7c7;
--color-black: #333;
--color-orange: #DE9C2F;
@ -127,4 +128,41 @@ body {
.gap-default {
gap: 1rem;
}
.bg-blue {
background: var(--color-blue);
}
.bg-white {
background: var(--color-white);
}
.padding {
gap: 1rem;
padding: var(--padding-default);
}
dialog {
top: 50%;
left: 50%;
width: 100vw;
transform: translate(-50%, -50%);
border: none;
border-radius: var(--radius-default);
font-size: 1rem;
& header {
justify-content: space-between;
align-items: center;
}
& footer {
justify-content: space-between;
}
&::backdrop {
background: rgba(0, 0, 0, 0.5);
}
}