scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement ui on benefits card

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-06-07 15:01:11 +02:00
parent 7c4b8401e9
commit 09797ceb22
3 changed files with 111 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
components/MyPages/Blocks/Benefits/CurrentLevel/current.module.css
View File

@@ -19,3 +19,27 @@
min-height: 280px;
padding: var(--Spacing-x3);
}
.card {
align-items: center;
background-color: var(--Base-Background-Primary-Normal, #faf6f2);
border: 1px solid var(--Base-Border-Subtle, #e3d9d1);
border-radius: var(--Medium, 8px);
color: var(--Theme-Primary-Light-On-Surface-Text);
display: flex;
flex: 1 1 0px;
flex-direction: column;
gap: 10px;
justify-content: center;
min-height: 280px;
padding: 30px;
text-align: center;
}
.preTitle {
font-family: var(--typography-Script-2-fontFamily);
font-size: var(--typography-Script-2-fontSize);
font-weight: var(--typography-Script-2-fontWeight);
color: var(--Primary-Light-On-Surface-Accent, #b05b65);
transform: rotate(-3deg);
}