diff options
Diffstat (limited to 'src/scopes/_code.vars.scss')
| -rw-r--r-- | src/scopes/_code.vars.scss | 33 |
1 files changed, 20 insertions, 13 deletions
diff --git a/src/scopes/_code.vars.scss b/src/scopes/_code.vars.scss index 329d372..e22421c 100644 --- a/src/scopes/_code.vars.scss +++ b/src/scopes/_code.vars.scss | |||
| @@ -1,18 +1,25 @@ | |||
| 1 | @use 'pkg:iro-sass/src/props'; | 1 | @use "pkg:iro-sass/props"; |
| 2 | @use '../core.vars' as core; | 2 | @use "../core.vars" as core; |
| 3 | @use './implicit.vars' as implicit; | 3 | @use "./implicit.vars" as implicit; |
| 4 | 4 | ||
| 5 | $inline--pad-i: props.def(--s-code--inline--pad-i, props.get(core.$size--50)) !default; | 5 | $inline--pad-i: props.def(--s-code--inline--pad-i, props.get(core.$size--50)) !default; |
| 6 | $inline--pad-b: props.def(--s-code--inline--pad-b, props.get(core.$size--10)) !default; | 6 | $inline--pad-b: props.def(--s-code--inline--pad-b, props.get(core.$size--10)) !default; |
| 7 | $inline--rounding: props.def(--s-code--inline--rounding, props.get(core.$rounding--sm)) !default; | 7 | $inline--rounding: props.def(--s-code--inline--rounding, props.get(core.$rounding--sm)) !default; |
| 8 | 8 | ||
| 9 | $block--pad-i: props.def(--s-code--block--pad-i, props.get(core.$size--150)) !default; | 9 | $block--pad-i: props.def(--s-code--block--pad-i, props.get(core.$size--150)) !default; |
| 10 | $block--pad-b: props.def(--s-code--block--pad-b, props.get(core.$size--85)) !default; | 10 | $block--pad-b: props.def(--s-code--block--pad-b, props.get(core.$size--85)) !default; |
| 11 | $block--margin-bs: props.def(--s-code--block--margin-bs, props.get(implicit.$paragraph--margin-bs)) !default; | 11 | $block--margin-bs: props.def( |
| 12 | $block--rounding: props.def(--s-code--block--rounding, props.get(core.$rounding--sm)) !default; | 12 | --s-code--block--margin-bs, |
| 13 | props.get(implicit.$paragraph--margin-bs) | ||
| 14 | ) !default; | ||
| 15 | $block--rounding: props.def(--s-code--block--rounding, props.get(core.$rounding--sm)) !default; | ||
| 13 | 16 | ||
| 14 | $inline--fg: props.def(--s-code--inline--fg, props.get(core.$theme, --heading), 'color') !default; | 17 | $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, --base, --200), 'color') !default; | 18 | $inline--bg: props.def( |
| 19 | --s-code--inline--bg, | ||
| 20 | props.get(core.$theme, --base, --200), | ||
| 21 | "color" | ||
| 22 | ) !default; | ||
| 16 | 23 | ||
| 17 | $block--fg: props.def(--s-code--block--fg, props.get(core.$theme, --text), 'color') !default; | 24 | $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; | 25 | $block--bg: props.def(--s-code--block--bg, props.get(core.$theme, --base, --50), "color") !default; |