Daniil
56 lines
910 B
SCSS
56 lines
910 B
SCSS
@mixin font-numeric {
|
|
font-variant-numeric: lining-nums proportional-nums;
|
|
}
|
|
|
|
@mixin font-body-16($weight) {
|
|
font-weight: $weight;
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
letter-spacing: -0.015em;
|
|
}
|
|
|
|
@mixin font-body-14($weight) {
|
|
font-weight: $weight;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
letter-spacing: -0.006em;
|
|
}
|
|
|
|
@mixin font-display {
|
|
@include font-numeric;
|
|
font-weight: 800;
|
|
font-size: 32px;
|
|
line-height: 40px;
|
|
letter-spacing: -0.035em;
|
|
}
|
|
|
|
@mixin font-header-l {
|
|
@include font-numeric;
|
|
font-weight: 700;
|
|
font-size: 20px;
|
|
line-height: 28px;
|
|
letter-spacing: -0.025em;
|
|
}
|
|
|
|
@mixin font-body-m {
|
|
@include font-body-16(600);
|
|
}
|
|
|
|
@mixin font-body-mr {
|
|
@include font-body-16(400);
|
|
}
|
|
|
|
@mixin font-body-s {
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
letter-spacing: -0.006em;
|
|
}
|
|
|
|
@mixin font-caption-m {
|
|
font-weight: 500;
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
letter-spacing: 0em;
|
|
}
|