45 lines
859 B
SCSS
45 lines
859 B
SCSS
@use 'functions' as *;
|
|
|
|
@mixin h1 {
|
|
font-family: var(--font-serif);
|
|
font-weight: 400;
|
|
font-style: italic;
|
|
line-height: 1;
|
|
font-size: rs(128px);
|
|
}
|
|
@mixin h2 {
|
|
font-family: var(--font-serif);
|
|
font-weight: 400;
|
|
font-style: italic;
|
|
line-height: 1;
|
|
font-size: rs(64px);
|
|
}
|
|
@mixin h3 {
|
|
font-family: var(--font-serif);
|
|
font-weight: 400;
|
|
font-style: italic;
|
|
line-height: 1;
|
|
font-size: rs(48px);
|
|
}
|
|
@mixin h4 {
|
|
font-family: var(--font-serif);
|
|
font-weight: 400;
|
|
font-style: italic;
|
|
line-height: 1;
|
|
font-size: rs(32px);
|
|
}
|
|
|
|
@mixin p {
|
|
font-family: var(--font-sans);
|
|
font-weight: 400;
|
|
line-height: 1.25;
|
|
font-size: rs(16px);
|
|
}
|
|
|
|
@mixin label {
|
|
font-family: var(--font-mono);
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
text-transform: uppercase;
|
|
font-size: rs(14px);
|
|
}
|