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/_blockquotes.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/_blockquotes.scss')
| -rw-r--r-- | src/scopes/_blockquotes.scss | 28 |
1 files changed, 15 insertions, 13 deletions
diff --git a/src/scopes/_blockquotes.scss b/src/scopes/_blockquotes.scss index 10e6d81..bc4fd39 100644 --- a/src/scopes/_blockquotes.scss +++ b/src/scopes/_blockquotes.scss | |||
| @@ -1,25 +1,27 @@ | |||
| 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 'blockquotes.vars'; | 6 | @forward "blockquotes.vars"; |
| 7 | @use 'blockquotes.vars' as vars; | 7 | @use "blockquotes.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('blockquotes') { | 12 | @include bem.scope("blockquotes") { |
| 13 | blockquote { | 13 | blockquote { |
| 14 | padding-inline-start: calc(props.get(vars.$indent) - props.get(vars.$border-width)); | 14 | padding-inline-start: calc(props.get(vars.$indent) - props.get(vars.$border-width)); |
| 15 | margin-block: props.get(vars.$margin-bs) 0; | 15 | margin-block: props.get(vars.$margin-bs) 0; |
| 16 | margin-inline: 1px 0; | 16 | margin-inline: 1px 0; |
| 17 | border-inline-start: props.get(vars.$border-width) solid props.get(vars.$border-color); | 17 | border-inline-start: props.get(vars.$border-width) solid props.get(vars.$border-color); |
| 18 | } | 18 | } |
| 19 | 19 | ||
| 20 | @include bem.modifier('compact') { | 20 | @include bem.modifier("compact") { |
| 21 | blockquote { | 21 | blockquote { |
| 22 | padding-inline-start: calc(props.get(vars.$compact--indent) - props.get(vars.$border-width)); | 22 | padding-inline-start: calc( |
| 23 | props.get(vars.$compact--indent) - props.get(vars.$border-width) | ||
| 24 | ); | ||
| 23 | } | 25 | } |
| 24 | } | 26 | } |
| 25 | } | 27 | } |