diff options
Diffstat (limited to 'src/scopes/_blockquotes.scss')
| -rw-r--r-- | src/scopes/_blockquotes.scss | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/src/scopes/_blockquotes.scss b/src/scopes/_blockquotes.scss new file mode 100644 index 0000000..f6a13fe --- /dev/null +++ b/src/scopes/_blockquotes.scss | |||
| @@ -0,0 +1,34 @@ | |||
| 1 | @use 'iro-sass/src/index' as iro; | ||
| 2 | @use '../functions' as fn; | ||
| 3 | |||
| 4 | @include iro.props-namespace('blockquotes') { | ||
| 5 | @include iro.props-store(( | ||
| 6 | --dims: ( | ||
| 7 | --indent: fn.global-dim(--list --indent), | ||
| 8 | --margin-bs: fn.global-dim(--paragraph --margin-bs), | ||
| 9 | --border: fn.global-dim(--border --thick), | ||
| 10 | |||
| 11 | --compact: ( | ||
| 12 | --indent: fn.global-dim(--list --compact-indent), | ||
| 13 | ), | ||
| 14 | ), | ||
| 15 | --colors: ( | ||
| 16 | --border: fn.global-color(--border), | ||
| 17 | ) | ||
| 18 | )); | ||
| 19 | |||
| 20 | @include iro.bem-scope(iro.props-namespace()) { | ||
| 21 | blockquote { | ||
| 22 | margin-block: fn.dim(--margin-bs); | ||
| 23 | margin-inline: 1px 0; | ||
| 24 | padding-inline-start: calc(fn.dim(--indent) - fn.dim(--border)); | ||
| 25 | border-inline-start: fn.dim(--border) solid fn.color(--border); | ||
| 26 | } | ||
| 27 | |||
| 28 | @include iro.bem-modifier('compact') { | ||
| 29 | blockquote { | ||
| 30 | padding-inline-start: calc(fn.dim(--compact --indent) - fn.dim(--border)); | ||
| 31 | } | ||
| 32 | } | ||
| 33 | } | ||
| 34 | } | ||
