summaryrefslogtreecommitdiffstats
path: root/src/scopes
diff options
context:
space:
mode:
Diffstat (limited to 'src/scopes')
-rw-r--r--src/scopes/_body.scss16
-rw-r--r--src/scopes/_body.vars.scss7
-rw-r--r--src/scopes/_code.vars.scss4
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;