From 372987cddf2872c1bdbdb00d1aa3787e9f084d8b Mon Sep 17 00:00:00 2001 From: Volpeon Date: Thu, 21 Nov 2024 18:50:08 +0100 Subject: Body scope --- src/objects/_badge.vars.scss | 2 +- src/objects/_button.vars.scss | 2 +- src/objects/_heading.vars.scss | 2 +- src/scopes/_body.scss | 4 ++++ src/scopes/_body.vars.scss | 2 ++ src/scopes/_implicit.vars.scss | 2 +- 6 files changed, 10 insertions(+), 4 deletions(-) (limited to 'src') diff --git a/src/objects/_badge.vars.scss b/src/objects/_badge.vars.scss index 6327e7b..ff07148 100644 --- a/src/objects/_badge.vars.scss +++ b/src/objects/_badge.vars.scss @@ -73,7 +73,7 @@ $default-theme: props.def(--o-badge, ( --label: props.get(core.$theme, --heading), ), ) -), 'color'); +), 'color') !default; $default-theme: props.merge($default-theme, $default-theme-override); $static-themes: props.def(--o-badge, (), 'color'); diff --git a/src/objects/_button.vars.scss b/src/objects/_button.vars.scss index f70bde7..4f7b552 100644 --- a/src/objects/_button.vars.scss +++ b/src/objects/_button.vars.scss @@ -81,7 +81,7 @@ $default-theme: props.def(--o-button, ( --label: props.get(core.$theme, --base, --700-text), ), ), -), 'color'); +), 'color') !default; $default-theme: props.merge($default-theme, $default-theme-override); $static-themes: props.def(--o-button, (), 'color'); diff --git a/src/objects/_heading.vars.scss b/src/objects/_heading.vars.scss index 5cd6767..90278c8 100644 --- a/src/objects/_heading.vars.scss +++ b/src/objects/_heading.vars.scss @@ -5,7 +5,7 @@ $offset: props.def(--o-heading--offset, -.02em) !default; $margin-bs: props.def(--o-heading--margin-bs, props.get(core.$size--700)) !default; $margin-bs-sibling: props.def(--o-heading--margin-bs-sibling, props.get(core.$size--325)) !default; -$text-color: props.def(--o-heading--text-color, props.get(core.$theme, --heading), 'color'); +$text-color: props.def(--o-heading--text-color, props.get(core.$theme, --heading), 'color') !default; $bg-color: props.def(--o-heading--bg-color, props.get(core.$theme, --base, --50), 'color') !default; $font-family: props.def(--o-heading--font-family, props.get(core.$font--standard--family)) !default; diff --git a/src/scopes/_body.scss b/src/scopes/_body.scss index 9091117..35f3fef 100644 --- a/src/scopes/_body.scss +++ b/src/scopes/_body.scss @@ -12,6 +12,10 @@ @include bem.scope('body') { font-size: props.get(vars.$font-size); + strong { + color: props.get(vars.$strong--text-color); + } + p, li { max-inline-size: props.get(vars.$paragraph--max-inline-size); diff --git a/src/scopes/_body.vars.scss b/src/scopes/_body.vars.scss index 79556fa..6c38c3f 100644 --- a/src/scopes/_body.vars.scss +++ b/src/scopes/_body.vars.scss @@ -7,3 +7,5 @@ $font-size: props.def(--s-body--font-size, props.get(core.$font $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, calc(100vh - props.get(core.$size--2400))) !default; + +$strong--text-color: props.def(--s-body--strong--text-color, props.get(core.$theme, --heading), 'color') !default; diff --git a/src/scopes/_implicit.vars.scss b/src/scopes/_implicit.vars.scss index e809ac3..388f0af 100644 --- a/src/scopes/_implicit.vars.scss +++ b/src/scopes/_implicit.vars.scss @@ -23,4 +23,4 @@ $heading--font-weight: props.def(--s-implicit--heading--font-weight, bold) $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'); +$heading--color: props.def(--s-implicit--heading--color, props.get(core.$theme, --heading), 'color') !default; -- cgit v1.2.3-70-g09d2