summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2023-01-29 16:14:47 +0100
committerVolpeon <git@volpeon.ink>2023-01-29 16:14:47 +0100
commita0e0bb11f97a99205c680cc04ea4ce7bc930c9f0 (patch)
tree80d5ddf502bdeb0cb65f314a503913a45cbf256a
parentFox emoji (diff)
downloadiro-design-a0e0bb11f97a99205c680cc04ea4ce7bc930c9f0.tar.gz
iro-design-a0e0bb11f97a99205c680cc04ea4ce7bc930c9f0.tar.bz2
iro-design-a0e0bb11f97a99205c680cc04ea4ce7bc930c9f0.zip
Fixed code object
-rw-r--r--src/objects/_action-button.scss5
-rw-r--r--src/scopes/_code.scss9
-rw-r--r--tpl/views/code.pug4
3 files changed, 11 insertions, 7 deletions
diff --git a/src/objects/_action-button.scss b/src/objects/_action-button.scss
index 2abab7a..1cce94f 100644
--- a/src/objects/_action-button.scss
+++ b/src/objects/_action-button.scss
@@ -214,10 +214,5 @@
214 padding-left: fn.dim(--pad-y); 214 padding-left: fn.dim(--pad-y);
215 border-radius: 100em; 215 border-radius: 100em;
216 } 216 }
217
218 @include iro.bem-modifier('no-vpad') {
219 margin-top: calc(-1 * fn.dim(--pad-y));
220 margin-bottom: calc(-1 * fn.dim(--pad-y));
221 }
222 } 217 }
223} 218}
diff --git a/src/scopes/_code.scss b/src/scopes/_code.scss
index 975989e..57cd43c 100644
--- a/src/scopes/_code.scss
+++ b/src/scopes/_code.scss
@@ -31,6 +31,15 @@
31 ) 31 )
32 ), 'colors'); 32 ), 'colors');
33 33
34 @include iro.props-store((
35 --colors: (
36 --block: (
37 --fg: fn.global-color(--fg-lo),
38 --bg: fn.global-color(--obj-hi),
39 )
40 )
41 ), 'palette-light-hi');
42
34 @include iro.bem-scope(iro.props-namespace()) { 43 @include iro.bem-scope(iro.props-namespace()) {
35 code { 44 code {
36 padding: fn.dim(--inline --pad-y) fn.dim(--inline --pad-x); 45 padding: fn.dim(--inline --pad-y) fn.dim(--inline --pad-x);
diff --git a/tpl/views/code.pug b/tpl/views/code.pug
index 21e16c8..a5e450a 100644
--- a/tpl/views/code.pug
+++ b/tpl/views/code.pug
@@ -1,6 +1,6 @@
1mixin view-code 1mixin view-code
2 +view('code', 'Code') 2 +view('code', 'Code')
3 .c-box.s-body 3 .c-box.s-code
4 p.u-mt-0= loremIpsum 4 p.u-mt-0= loremIpsum
5 pre 5 pre
6 code. 6 code.
@@ -9,5 +9,5 @@ mixin view-code
9 text-transform: uppercase; 9 text-transform: uppercase;
10 p= loremIpsum 10 p= loremIpsum
11 11
12 .c-box.s-body. 12 .c-box.s-code
13 And here is an #[code inline] code tag. 13 And here is an #[code inline] code tag.