diff options
| -rw-r--r-- | src/scopes/_body.scss | 16 | ||||
| -rw-r--r-- | src/scopes/_body.vars.scss | 7 | ||||
| -rw-r--r-- | src/scopes/_code.vars.scss | 4 |
3 files changed, 12 insertions, 15 deletions
diff --git a/src/scopes/_body.scss b/src/scopes/_body.scss index 6742a2a..164e87f 100644 --- a/src/scopes/_body.scss +++ b/src/scopes/_body.scss | |||
| @@ -17,16 +17,16 @@ | |||
| 17 | } | 17 | } |
| 18 | 18 | ||
| 19 | img { | 19 | img { |
| 20 | display: block; | 20 | display: block; |
| 21 | inline-size: auto; | 21 | inline-size: auto; |
| 22 | max-inline-size: 100%; | 22 | max-inline-size: 100%; |
| 23 | block-size: auto; | 23 | block-size: auto; |
| 24 | max-block-size: props.get(vars.$img--max-block-size); | 24 | max-block-size: props.get(vars.$img--max-block-size); |
| 25 | margin-block: props.get(vars.$block--margin-b); | 25 | margin-block-start: props.get(vars.$paragraph--margin-bs); |
| 26 | } | 26 | } |
| 27 | 27 | ||
| 28 | figure { | 28 | figure { |
| 29 | margin-block: props.get(vars.$block--margin-b); | 29 | margin-block-start: props.get(vars.$paragraph--margin-bs); |
| 30 | 30 | ||
| 31 | img { | 31 | img { |
| 32 | margin-block: 0; | 32 | margin-block: 0; |
| @@ -38,7 +38,7 @@ | |||
| 38 | table, | 38 | table, |
| 39 | pre, | 39 | pre, |
| 40 | blockquote { | 40 | blockquote { |
| 41 | margin-block: props.get(vars.$block--margin-b); | 41 | margin-block-start: props.get(vars.$paragraph--margin-bs); |
| 42 | } | 42 | } |
| 43 | } | 43 | } |
| 44 | } | 44 | } |
diff --git a/src/scopes/_body.vars.scss b/src/scopes/_body.vars.scss index 98f23bd..dfaec77 100644 --- a/src/scopes/_body.vars.scss +++ b/src/scopes/_body.vars.scss | |||
| @@ -1,9 +1,6 @@ | |||
| 1 | @use 'iro-sass/src/props'; | 1 | @use 'iro-sass/src/props'; |
| 2 | @use '../core.vars' as core; | 2 | @use '../core.vars' as core; |
| 3 | 3 | ||
| 4 | $font-size: props.def(--s-body--font-size, props.get(core.$font-size--150)) !default; | 4 | $font-size: props.def(--s-body--font-size, props.get(core.$font-size--150)) !default; |
| 5 | |||
| 6 | $paragraph--margin-bs: props.def(--s-body--paragraph--margin-bs, props.get(core.$size--300)) !default; | 5 | $paragraph--margin-bs: props.def(--s-body--paragraph--margin-bs, props.get(core.$size--300)) !default; |
| 7 | $block--margin-b: props.def(--s-body--block--margin-b, calc(2 * props.get($paragraph--margin-bs))) !default; | 6 | $img--max-block-size: props.def(--s-body--img--max-block-size, calc(100vh - props.get(core.$size--2400))) !default; |
| 8 | |||
| 9 | $img--max-block-size: props.def(--s-body--img--max-block-size, calc(100vh - props.get(core.$size--2400))) !default; | ||
diff --git a/src/scopes/_code.vars.scss b/src/scopes/_code.vars.scss index e06971b..8a040c2 100644 --- a/src/scopes/_code.vars.scss +++ b/src/scopes/_code.vars.scss | |||
| @@ -11,8 +11,8 @@ $block--pad-b: props.def(--s-code--block--pad-b, props.get(core.$size--85)) | |||
| 11 | $block--margin-bs: props.def(--s-code--block--margin-bs, props.get(implicit.$paragraph--margin-bs)) !default; | 11 | $block--margin-bs: props.def(--s-code--block--margin-bs, props.get(implicit.$paragraph--margin-bs)) !default; |
| 12 | $block--rounding: props.def(--s-code--block--rounding, props.get(core.$rounding)) !default; | 12 | $block--rounding: props.def(--s-code--block--rounding, props.get(core.$rounding)) !default; |
| 13 | 13 | ||
| 14 | $inline--fg: props.def(--s-code--inline--fg, props.get(core.$theme, --red, --1200), 'color') !default; | 14 | $inline--fg: props.def(--s-code--inline--fg, props.get(core.$theme, --heading), 'color') !default; |
| 15 | $inline--bg: props.def(--s-code--inline--bg, props.get(core.$theme, --red, --200), 'color') !default; | 15 | $inline--bg: props.def(--s-code--inline--bg, props.get(core.$theme, --base, --200), 'color') !default; |
| 16 | 16 | ||
| 17 | $block--fg: props.def(--s-code--block--fg, props.get(core.$theme, --text), 'color') !default; | 17 | $block--fg: props.def(--s-code--block--fg, props.get(core.$theme, --text), 'color') !default; |
| 18 | $block--bg: props.def(--s-code--block--bg, props.get(core.$theme, --base, --50), 'color') !default; | 18 | $block--bg: props.def(--s-code--block--bg, props.get(core.$theme, --base, --50), 'color') !default; |
