diff options
| author | Volpeon <git@volpeon.ink> | 2024-11-21 17:40:06 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-11-21 17:40:06 +0100 |
| commit | 993174463185e79b89cccb61dc180fe007f49541 (patch) | |
| tree | a6b75b7bdb7b905076fd13367366d5b65a214ebf | |
| parent | Body scope (diff) | |
| download | iro-design-993174463185e79b89cccb61dc180fe007f49541.tar.gz iro-design-993174463185e79b89cccb61dc180fe007f49541.tar.bz2 iro-design-993174463185e79b89cccb61dc180fe007f49541.zip | |
Body scope: Limit paragraph width
| -rw-r--r-- | src/scopes/_body.scss | 1 | ||||
| -rw-r--r-- | src/scopes/_body.vars.scss | 9 |
2 files changed, 7 insertions, 3 deletions
diff --git a/src/scopes/_body.scss b/src/scopes/_body.scss index 164e87f..4d413e3 100644 --- a/src/scopes/_body.scss +++ b/src/scopes/_body.scss | |||
| @@ -13,6 +13,7 @@ | |||
| 13 | font-size: props.get(vars.$font-size); | 13 | font-size: props.get(vars.$font-size); |
| 14 | 14 | ||
| 15 | p { | 15 | p { |
| 16 | max-inline-size: props.get(vars.$paragraph--max-inline-size); | ||
| 16 | margin-block-start: props.get(vars.$paragraph--margin-bs); | 17 | margin-block-start: props.get(vars.$paragraph--margin-bs); |
| 17 | } | 18 | } |
| 18 | 19 | ||
diff --git a/src/scopes/_body.vars.scss b/src/scopes/_body.vars.scss index dfaec77..79556fa 100644 --- a/src/scopes/_body.vars.scss +++ b/src/scopes/_body.vars.scss | |||
| @@ -1,6 +1,9 @@ | |||
| 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 | @use '../layouts/container.vars' as container; |
| 5 | $paragraph--margin-bs: props.def(--s-body--paragraph--margin-bs, props.get(core.$size--300)) !default; | 5 | |
| 6 | $img--max-block-size: props.def(--s-body--img--max-block-size, calc(100vh - props.get(core.$size--2400))) !default; | 6 | $font-size: props.def(--s-body--font-size, props.get(core.$font-size--150)) !default; |
| 7 | $paragraph--margin-bs: props.def(--s-body--paragraph--margin-bs, props.get(core.$size--300)) !default; | ||
| 8 | $paragraph--max-inline-size: props.def(--s-body--paragraph--max-inline-size, props.get(container.$fixed)) !default; | ||
| 9 | $img--max-block-size: props.def(--s-body--img--max-block-size, calc(100vh - props.get(core.$size--2400))) !default; | ||