1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
@use 'iro-sass/src/props';
@use '../core.vars' as core;
$paragraph--margin-bs: props.def(--s-implicit--paragraph--margin-bs, props.get(core.$size--200)) !default;
$small--font-size: props.def(--s-implicit--small--font-size, props.get(core.$font-size--75)) !default;
$body--font-family: props.def(--s-implicit--body--font-family, props.get(core.$font--standard--family)) !default;
$body--line-height: props.def(--s-implicit--body--line-height, props.get(core.$font--standard--line-height)) !default;
$body--font-size: props.def(--s-implicit--body--font-size, props.get(core.$font-size--100));
$body--feature-settings: props.def(--s-implicit--body--feature-settings, props.get(core.$font--standard--feature-settings)) !default;
$code--font-family: props.def(--s-implicit--code--font-family, props.get(core.$font--mono--family)) !default;
$code--line-height: props.def(--s-implicit--code--line-height, props.get(core.$font--mono--line-height)) !default;
$code--font-size: props.def(--s-implicit--code--font-size, .93em);
$code--feature-settings: props.def(--s-implicit--code--feature-settings, props.get(core.$font--mono--feature-settings)) !default;
$heading--margin-bs: props.def(--s-implicit--heading--margin-bs, props.get(core.$size--700)) !default;
$heading--margin-bs-sibling: props.def(--s-implicit--heading--margin-bs-sibling, props.get(core.$size--325)) !default;
$heading--font-family: props.def(--s-implicit--heading--font-family, props.get(core.$font--standard--family)) !default;
$heading--line-height: props.def(--s-implicit--heading--line-height, props.get(core.$font--standard--line-height)) !default;
$heading--font-weight: props.def(--s-implicit--heading--font-weight, bold) !default;
$heading--font-size: props.def(--s-implicit--heading--font-size, props.get(core.$font-size--100));
$heading--feature-settings: props.def(--s-implicit--heading--feature-settings, props.get(core.$font--standard--feature-settings)) !default;
$heading--color: props.def(--s-implicit--heading--color, props.get(core.$theme, --heading), 'color');
|
