Steal Marvel's font size scale 👀
This commit is contained in:
parent
24f114e364
commit
d03f093c06
1 changed files with 11 additions and 9 deletions
|
|
@ -16,18 +16,20 @@
|
|||
@font-size-sm: (14rem / 16rem); // 14px
|
||||
@font-size-base: (16rem / 16rem); // 16px
|
||||
@font-size-lg: (18rem / 16rem); // 18px
|
||||
@font-size-xl: (22rem / 16rem); // 22px
|
||||
@font-size-2xl: (30rem / 16rem); // 30px
|
||||
@font-size-3xl: (40rem / 16rem); // 40px
|
||||
@font-size-xl: (20rem / 16rem); // 20px
|
||||
@font-size-2xl: (28rem / 16rem); // 28px
|
||||
@font-size-3xl: (38rem / 16rem); // 38px
|
||||
@font-size-4xl: (46rem / 16rem); // 46px
|
||||
|
||||
@text-size-scale:
|
||||
'xs' @font-size-xs,
|
||||
'sm' @font-size-sm,
|
||||
'xs' @font-size-xs,
|
||||
'sm' @font-size-sm,
|
||||
'base' @font-size-base,
|
||||
'lg' @font-size-lg,
|
||||
'xl' @font-size-xl,
|
||||
'2xl' @font-size-2xl,
|
||||
'3xl' @font-size-3xl,
|
||||
'lg' @font-size-lg,
|
||||
'xl' @font-size-xl,
|
||||
'2xl' @font-size-2xl,
|
||||
'3xl' @font-size-3xl,
|
||||
'4xl' @font-size-4xl,
|
||||
;
|
||||
|
||||
// Weights
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue