From 21410e7f80069b72d46a00d4ff9d8f86a60c84cd Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 26 Feb 2025 10:30:02 +0100 Subject: Body line height --- src/_core.vars.scss | 2 +- src/scopes/_body.scss | 1 + src/scopes/_body.vars.scss | 1 + 3 files changed, 3 insertions(+), 1 deletion(-) (limited to 'src') 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; $size--6000: props.def(--size--6000, functions.px-to-rem(480px)) !default; $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; -$font--standard--line-height: props.def(--font--standard--line-height, 1.6) !default; +$font--standard--line-height: props.def(--font--standard--line-height, 1.5) !default; $font--standard--feature-settings: props.def(--font--standard--feature-settings, ('\'ss01\'')) !default; $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 @@ @include bem.scope('body') { font-size: props.get(vars.$font-size); + line-height: props.get(vars.$line-height); strong { 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 @@ @use '../layouts/container.vars' as container; $font-size: props.def(--s-body--font-size, props.get(core.$font-size--150)) !default; +$line-height: props.def(--s-body--line-height, calc(props.get(core.$font--standard--line-height) + .1)) !default; $paragraph--margin-bs: props.def(--s-body--paragraph--margin-bs, props.get(core.$size--300)) !default; $paragraph--max-inline-size: props.def(--s-body--paragraph--max-inline-size, props.get(container.$fixed)) !default; $img--max-block-size: props.def(--s-body--img--max-block-size, none) !default; -- cgit v1.2.3-70-g09d2