diff options
Diffstat (limited to 'src/scopes/_code.scss')
-rw-r--r-- | src/scopes/_code.scss | 54 |
1 files changed, 27 insertions, 27 deletions
diff --git a/src/scopes/_code.scss b/src/scopes/_code.scss index 9b2a63d..8147a14 100644 --- a/src/scopes/_code.scss +++ b/src/scopes/_code.scss | |||
@@ -7,34 +7,34 @@ | |||
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 | } |
40 | } | 40 | } |