zojgame/IRTH-Touch
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

rubber text size

Browse Source
This commit is contained in:
zojgame
2024-04-22 13:15:55 +05:00
parent 77be4d0ea1
commit d34647654a
7 changed files with 68 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.css
+51
View File
@@ -13,3 +13,54 @@ body {
.font-mixcase {
font-family: "Mixcase", sans-serif;
}
@layer components {
.text-caption-s {
font-family: "Usual", sans-serif;
line-height: 135%;
/* clamp(10px, 0.6774rem + 0.3226vi, 12px); */
}
.text-caption-m {
font-family: "Usual", sans-serif;
line-height: 135%;
font-size: clamp(12px, 0.4994rem + 0.313vw, 14px);
}
.text-s {
font-family: "Usual", sans-serif;
line-height: 140%;
font-size: clamp(12px, 0.01rem + 0.93vw, 16px);
}
.text-m {
font-family: "Usual", sans-serif;
line-height: 125%;
font-size: clamp(13px, 0.01rem + 0.99vw, 19px);
}
.text-subheadline-s {
font-family: "Usual", sans-serif;
line-height: 140%;
font-size: clamp(16px, -0.0023rem + 1.252vw, 24px);
}
.text-subheadline-m {
font-family: "Usual", sans-serif;
line-height: 135%;
/* clamp(20px, 0.6774rem + 0.3226vi, 28px); */
}
.text-subheadline-l {
font-family: "Usual", sans-serif;
line-height: 135%;
/* clamp(32px, 0.6774rem + 0.3226vi, 48px); */
}
.text-headline-s {
font-family: "Mixcase", sans-serif;
line-height: 100%;
letter-spacing: -0.03em;
font-size: clamp(44px, -0.257rem + 3.7559vw, 68px);
}
}