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

fix: add next level perks block

Browse Source
This commit is contained in:
Christel Westerberg
2024-04-11 16:02:30 +02:00
parent c398309cdd
commit 85b83bc58b
15 changed files with 182 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/MyPages/Title/index.tsx
-1
View File
@@ -15,7 +15,6 @@ const config = {
h3: styles.h3,
h4: styles.h4,
h5: styles.h5,
h6: styles.h6,
},
},
defaultVariants: {
components/MyPages/Title/title.module.css
+29 -17
View File
@@ -9,41 +9,53 @@
}
.h1 {
font-size: 2.4rem;
line-height: 2.8rem;
font-size: var(--typography-Title1-Mobile-fontSize);
line-height: var(--typography-Title1-Mobile-lineHeight) + "%";
}
.h2 {
font-size: 2.2rem;
line-height: 2.6rem;
font-size: var(--typography-Title2-Mobile-fontSize);
line-height: var(--typography-Title2-Mobile-lineHeight) + "%";
}
.h3 {
font-size: 1.8rem;
line-height: 2.2rem;
font-size: var(--typography-Title3-Mobile-fontSize);
line-height: var(--typography-Title3-Mobile-lineHeight) + "%";
}
.h4 {
font-size: 1.6rem;
line-height: 1.8rem;
font-size: var(--typography-Title4-Mobile-fontSize);
line-height: var(--typography-Title4-Mobile-lineHeight) + "%";
}
.h5 {
font-size: 1.3rem;
}
.h6 {
font-size: 1rem;
font-size: var(--typography-Title5-Mobile-fontSize);
line-height: var(--typography-Title5-Mobile-lineHeight) + "%";
}
@media screen and (min-width: 950px) {
.h1 {
font-size: 3.8rem;
line-height: 4.5rem;
font-size: var(--typography-Title1-Desktop-fontSize);
line-height: var(--typography-Title1-Desktop-lineHeight) + "%";
}
.h2 {
font-size: 3.4rem;
line-height: 4.1rem;
font-size: var(--typography-Title2-Desktop-fontSize);
line-height: var(--typography-Title2-Desktop-lineHeight) + "%";
}
.h3 {
font-size: var(--typography-Title3-Desktop-fontSize);
line-height: var(--typography-Title3-Desktop-lineHeight) + "%";
}
.h4 {
font-size: var(--typography-Title4-Desktop-fontSize);
line-height: var(--typography-Title4-Desktop-lineHeight) + "%";
}
.h5 {
font-size: var(--typography-Title5-Desktop-fontSize);
line-height: var(--typography-Title5-Desktop-lineHeight) + "%";
}
}