mixins.scss

@import "rfs";
@import "functions/px-to-em";

// Typography
@mixin h1-style() {
    @include rfs(48);
    font-weight: 700;
    line-height: em(56, 48);
}

@mixin h2-style() {
    @include rfs(38);
    font-weight: 700;
    line-height: em(48, 38);
}

@mixin h3-style() {
    @include rfs(32);
    font-weight: 700;
    line-height: em(42, 32);
}

@mixin h4-style() {
    @include rfs(28);
    font-weight: 500;
    line-height: em(38, 28);
}

@mixin h5-style() {
    @include rfs(22);
    font-weight: 700;
    line-height: em(32, 22);
}

@mixin h6-style() {
    @include rfs(18);
    font-weight: 500;
    line-height: em(28, 18);
}

@mixin p-style() {
    color: var(--text-color-soft);
    @include rfs(18);
    font-weight: 400;
    line-height: em(28, 18);
}