diff options
author | Volpeon <git@volpeon.ink> | 2025-02-26 10:30:02 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2025-02-26 10:30:02 +0100 |
commit | 21410e7f80069b72d46a00d4ff9d8f86a60c84cd (patch) | |
tree | 3f7ad815ff9c3d50f75e9ab9c18ce2cc327c346f /src | |
parent | Update (diff) | |
download | iro-design-21410e7f80069b72d46a00d4ff9d8f86a60c84cd.tar.gz iro-design-21410e7f80069b72d46a00d4ff9d8f86a60c84cd.tar.bz2 iro-design-21410e7f80069b72d46a00d4ff9d8f86a60c84cd.zip |
Body line height
Diffstat (limited to 'src')
-rw-r--r-- | src/_core.vars.scss | 2 | ||||
-rw-r--r-- | src/scopes/_body.scss | 1 | ||||
-rw-r--r-- | src/scopes/_body.vars.scss | 1 |
3 files changed, 3 insertions, 1 deletions
diff --git a/src/_core.vars.scss b/src/_core.vars.scss index ff845f6..0a94534 100644 --- a/src/_core.vars.scss +++ b/src/_core.vars.scss | |||
@@ -58,7 +58,7 @@ $size--5000: props.def(--size--5000, functions.px-to-rem(400px)) !default; | |||
58 | $size--6000: props.def(--size--6000, functions.px-to-rem(480px)) !default; | 58 | $size--6000: props.def(--size--6000, functions.px-to-rem(480px)) !default; |
59 | 59 | ||
60 | $font--standard--family: props.def(--font--standard--family, ('Inter', 'Open Sans', 'Segoe UI', 'Droid Sans', Roboto, Oxygen, 'Helvetica Neue', Helvetica, Tahoma, Arial, sans-serif)) !default; | 60 | $font--standard--family: props.def(--font--standard--family, ('Inter', 'Open Sans', 'Segoe UI', 'Droid Sans', Roboto, Oxygen, 'Helvetica Neue', Helvetica, Tahoma, Arial, sans-serif)) !default; |
61 | $font--standard--line-height: props.def(--font--standard--line-height, 1.6) !default; | 61 | $font--standard--line-height: props.def(--font--standard--line-height, 1.5) !default; |
62 | $font--standard--feature-settings: props.def(--font--standard--feature-settings, ('\'ss01\'')) !default; | 62 | $font--standard--feature-settings: props.def(--font--standard--feature-settings, ('\'ss01\'')) !default; |
63 | 63 | ||
64 | $font--headline--family: props.def(--font--headline--family, ('Inter', props.get($font--standard--family))) !default; | 64 | $font--headline--family: props.def(--font--headline--family, ('Inter', props.get($font--standard--family))) !default; |
diff --git a/src/scopes/_body.scss b/src/scopes/_body.scss index 65c6d2f..6d32212 100644 --- a/src/scopes/_body.scss +++ b/src/scopes/_body.scss | |||
@@ -11,6 +11,7 @@ | |||
11 | 11 | ||
12 | @include bem.scope('body') { | 12 | @include bem.scope('body') { |
13 | font-size: props.get(vars.$font-size); | 13 | font-size: props.get(vars.$font-size); |
14 | line-height: props.get(vars.$line-height); | ||
14 | 15 | ||
15 | strong { | 16 | strong { |
16 | color: props.get(vars.$strong--text-color); | 17 | color: props.get(vars.$strong--text-color); |
diff --git a/src/scopes/_body.vars.scss b/src/scopes/_body.vars.scss index 8e77a17..1de2cfd 100644 --- a/src/scopes/_body.vars.scss +++ b/src/scopes/_body.vars.scss | |||
@@ -4,6 +4,7 @@ | |||
4 | @use '../layouts/container.vars' as container; | 4 | @use '../layouts/container.vars' as container; |
5 | 5 | ||
6 | $font-size: props.def(--s-body--font-size, props.get(core.$font-size--150)) !default; | 6 | $font-size: props.def(--s-body--font-size, props.get(core.$font-size--150)) !default; |
7 | $line-height: props.def(--s-body--line-height, calc(props.get(core.$font--standard--line-height) + .1)) !default; | ||
7 | $paragraph--margin-bs: props.def(--s-body--paragraph--margin-bs, props.get(core.$size--300)) !default; | 8 | $paragraph--margin-bs: props.def(--s-body--paragraph--margin-bs, props.get(core.$size--300)) !default; |
8 | $paragraph--max-inline-size: props.def(--s-body--paragraph--max-inline-size, props.get(container.$fixed)) !default; | 9 | $paragraph--max-inline-size: props.def(--s-body--paragraph--max-inline-size, props.get(container.$fixed)) !default; |
9 | $img--max-block-size: props.def(--s-body--img--max-block-size, none) !default; | 10 | $img--max-block-size: props.def(--s-body--img--max-block-size, none) !default; |