yadunut/clan-core
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

UI/chore: init typography xxs body

Browse Source
This commit is contained in:
Johannes Kirschbauer
2024-12-17 16:56:07 +01:00
parent 3b22494e82
commit 4709d07a88
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
pkgs/webview-ui/app/src/components/Typography/css/typography-hierarchy/typography-body.css
View File

@@ -15,3 +15,9 @@
line-height: 132%;
letter-spacing: 3%;
}
.fnt-body-xxs {
font-size: 0.6875rem;
line-height: 132%;
letter-spacing: 0.00688rem;
}

6
pkgs/webview-ui/app/src/components/Typography/index.tsx
View File

@@ -24,6 +24,7 @@ interface SizeForHierarchy {
body: {
default: string;
xs: string;
xxs: string;
s: string;
};
headline: {
@@ -43,10 +44,9 @@ type AllowedSizes<H extends Hierarchy> = keyof SizeForHierarchy[H];
const sizeHierarchyMap: SizeForHierarchy = {
body: {
default: cx("fnt-body-default"),
xs: cx("fnt-body-xs"),
s: cx("fnt-body-s"),
// m: cx("fnt-body-m"),
// l: cx("fnt-body-l"),
xs: cx("fnt-body-xs"),
xxs: cx("fnt-body-xxs"),
},
headline: {
default: cx("fnt-headline-default"),