summaryrefslogtreecommitdiffstats
path: root/src/scopes/_blockquotes.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-10-18 18:08:24 +0200
committerVolpeon <git@volpeon.ink>2024-10-18 18:08:24 +0200
commit365c56edcc36b5b92902bac01ce44b43d01e8685 (patch)
tree644611792591a76e605068d0c9e230fad6a633e7 /src/scopes/_blockquotes.scss
parentRevamped variable management (diff)
downloadiro-design-365c56edcc36b5b92902bac01ce44b43d01e8685.tar.gz
iro-design-365c56edcc36b5b92902bac01ce44b43d01e8685.tar.bz2
iro-design-365c56edcc36b5b92902bac01ce44b43d01e8685.zip
Refactoring
Diffstat (limited to 'src/scopes/_blockquotes.scss')
-rw-r--r--src/scopes/_blockquotes.scss25
1 files changed, 25 insertions, 0 deletions
diff --git a/src/scopes/_blockquotes.scss b/src/scopes/_blockquotes.scss
new file mode 100644
index 0000000..7f93e42
--- /dev/null
+++ b/src/scopes/_blockquotes.scss
@@ -0,0 +1,25 @@
1@use 'sass:meta';
2@use 'iro-sass/src/iro-sass' as iro;
3@use '../props';
4
5@forward 'blockquotes.vars';
6@use 'blockquotes.vars' as vars;
7
8@mixin styles {
9 @include props.materialize(meta.module-variables('vars'));
10
11 @include iro.bem-scope('blockquotes') {
12 blockquote {
13 padding-inline-start: calc(props.get(vars.$indent) - props.get(vars.$border-width));
14 margin-block: props.get(vars.$margin-bs);
15 margin-inline: 1px 0;
16 border-inline-start: props.get(vars.$border-width) solid props.get(vars.$border-color);
17 }
18
19 @include iro.bem-modifier('compact') {
20 blockquote {
21 padding-inline-start: calc(props.get(vars.$compact--indent) - props.get(vars.$border-width));
22 }
23 }
24 }
25}