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

feat: design changes

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-06-12 15:37:16 +02:00
parent c45a239005
commit e677079cae
1 changed files with 16 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -9,37 +9,35 @@
.card { .card {
align-items: center; align-items: center;
background-color: var(--UI-Grey-10); background-color: var(--Base-Background-Normal);
border-radius: var(--Corner-radius-Small); border: 1px solid var(--Base-Border-Subtle);
border-radius: var(--Corner-radius-Medium);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: var(--Spacing-x1); gap: var(--Spacing-x1);
justify-content: center; justify-content: center;
padding: var(--Spacing-x7) var(--Spacing-x3);
min-height: 280px; min-height: 280px;
padding: var(--Spacing-x3); padding: var(--Spacing-x7) var(--Spacing-x3);
text-align: center;
} }
.card { .title {
align-items: center;
background-color: var(--Base-Background-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; display: flex;
flex: 1 1 0px;
flex-direction: column; flex-direction: column;
gap: 10px; text-wrap: balance;
justify-content: center;
min-height: 280px;
padding: 30px;
text-align: center;
} }
.scriptTitle { .scriptTitle {
transform: rotate(-3deg); transform: rotate(-3deg);
} }
.test { .subtitle {
height: 100px; color: var(--Theme-Primary-Light-On-Surface-Text);
font-family: var(--typography-Body-Regular-fontFamily);
font-size: 16px;
font-weight: 400;
line-height: 150%;
letter-spacing: 0.096px;
text-align: center;
margin: 0;
} }