Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2024-12-16 20:26:19 -05:00
Code Issues Activity

Merge pull request #2228 from logto-io/simeng-log-4331

Browse source 
style(ui): add new font styling
This commit is contained in:
simeng-li 2022-10-24 17:32:09 +08:00 committed by GitHub
commit 84755e00fa
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 27 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
packages/ui/src/scss/_fonts.scss Normal file
View file

@ -0,0 +1,27 @@
/* Typography Foundation */
$font-family:
-apple-system,
system-ui,
'BlinkMacSystemFont',
'Segoe UI',
'Roboto',
'Arial',
sans-serif;
@mixin fonts {
--font-headline-1: 600 28px/32px #{$font-family};
--font-headline-2: 600 24px/32px #{$font-family};
--font-title-1: 600 20px/28px #{$font-family};
--font-title-2: 600 18px/26px #{$font-family};
--font-title-3: 600 16px/24px #{$font-family};
--font-label-1: 500 16px/24px #{$font-family};
--font-label-2: 500 14px/20px #{$font-family};
--font-label-3: 500 12px/16px #{$font-family};
--font-body-1: 400 16px/24px #{$font-family};
--font-body-2: 400 14px/20px #{$font-family};
--font-body-3: 400 12px/16px #{$font-family};
}