diff options
| author | Volpeon <git@volpeon.ink> | 2026-07-22 12:27:09 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2026-07-22 12:27:09 +0200 |
| commit | cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226 (patch) | |
| tree | d16dea8f0a5edca2b610ecabeac5e93a4d98be2f /src/scopes/_code.scss | |
| parent | Update _index.scss (diff) | |
| download | iro-design-cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.tar.gz iro-design-cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.tar.bz2 iro-design-cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.zip | |
Paths
Diffstat (limited to 'src/scopes/_code.scss')
| -rw-r--r-- | src/scopes/_code.scss | 46 |
1 files changed, 23 insertions, 23 deletions
diff --git a/src/scopes/_code.scss b/src/scopes/_code.scss index db43de0..d931c22 100644 --- a/src/scopes/_code.scss +++ b/src/scopes/_code.scss | |||
| @@ -1,39 +1,39 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use "sass:meta"; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use "pkg:iro-sass/bem"; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use "pkg:iro-sass/props"; |
| 4 | @use '../props' as *; | 4 | @use "../props" as *; |
| 5 | 5 | ||
| 6 | @forward 'code.vars'; | 6 | @forward "code.vars"; |
| 7 | @use 'code.vars' as vars; | 7 | @use "code.vars" as vars; |
| 8 | 8 | ||
| 9 | @mixin styles { | 9 | @mixin styles { |
| 10 | @include materialize-at-root(meta.module-variables('vars')); | 10 | @include materialize-at-root(meta.module-variables("vars")); |
| 11 | 11 | ||
| 12 | @include bem.scope('code') { | 12 | @include bem.scope("code") { |
| 13 | code { | 13 | code { |
| 14 | padding-block: props.get(vars.$inline--pad-b); | 14 | padding-block: props.get(vars.$inline--pad-b); |
| 15 | padding-inline: props.get(vars.$inline--pad-i); | 15 | padding-inline: props.get(vars.$inline--pad-i); |
| 16 | color: props.get(vars.$inline--fg); | 16 | color: props.get(vars.$inline--fg); |
| 17 | background-color: props.get(vars.$inline--bg); | 17 | background-color: props.get(vars.$inline--bg); |
| 18 | border-radius: props.get(vars.$inline--rounding); | 18 | border-radius: props.get(vars.$inline--rounding); |
| 19 | } | 19 | } |
| 20 | 20 | ||
| 21 | pre { | 21 | pre { |
| 22 | padding-block: props.get(vars.$block--pad-b); | 22 | padding-block: props.get(vars.$block--pad-b); |
| 23 | padding-inline: props.get(vars.$block--pad-i); | 23 | padding-inline: props.get(vars.$block--pad-i); |
| 24 | margin-block: props.get(vars.$block--margin-bs) 0; | 24 | margin-block: props.get(vars.$block--margin-bs) 0; |
| 25 | margin-inline: 0; | 25 | margin-inline: 0; |
| 26 | color: props.get(vars.$block--fg); | 26 | color: props.get(vars.$block--fg); |
| 27 | background-color: props.get(vars.$block--bg); | 27 | background-color: props.get(vars.$block--bg); |
| 28 | border-radius: props.get(vars.$block--rounding); | 28 | border-radius: props.get(vars.$block--rounding); |
| 29 | 29 | ||
| 30 | code { | 30 | code { |
| 31 | display: inline-block; | 31 | display: inline-block; |
| 32 | padding: 0; | 32 | padding: 0; |
| 33 | margin-inline-end: props.get(vars.$block--pad-i); | 33 | margin-inline-end: props.get(vars.$block--pad-i); |
| 34 | color: currentColor; | 34 | color: currentColor; |
| 35 | background-color: transparent; | 35 | background-color: transparent; |
| 36 | border-radius: 0; | 36 | border-radius: 0; |
| 37 | } | 37 | } |
| 38 | } | 38 | } |
| 39 | } | 39 | } |