migrate to radix ui, make header draft
This commit is contained in:
@@ -1,37 +1,43 @@
|
||||
@mixin font-header-l {
|
||||
@mixin font-numeric {
|
||||
font-variant-numeric: lining-nums proportional-nums;
|
||||
}
|
||||
|
||||
@mixin font-body-16($weight) {
|
||||
font-weight: $weight;
|
||||
font-size: 16px;
|
||||
line-height: 22px;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
@mixin font-body-14($weight) {
|
||||
font-weight: $weight;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
@mixin font-display {
|
||||
@include font-numeric;
|
||||
font-weight: 600;
|
||||
font-size: 32px;
|
||||
line-height: 42px;
|
||||
letter-spacing: -0.65px;
|
||||
}
|
||||
|
||||
@mixin font-header-l {
|
||||
@include font-numeric;
|
||||
font-weight: 500;
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
letter-spacing: -0.41px;
|
||||
}
|
||||
|
||||
@mixin font-subheader-l {
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 22px;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
@mixin font-body-m {
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 22px;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
@mixin font-body-mm {
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 22px;
|
||||
letter-spacing: 0px;
|
||||
@include font-body-16(500);
|
||||
}
|
||||
|
||||
@mixin font-body-mr {
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 22px;
|
||||
letter-spacing: 0px;
|
||||
@include font-body-16(400);
|
||||
}
|
||||
|
||||
@mixin font-body-s {
|
||||
|
||||
Reference in New Issue
Block a user