From a0e0bb11f97a99205c680cc04ea4ce7bc930c9f0 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 29 Jan 2023 16:14:47 +0100 Subject: Fixed code object --- src/objects/_action-button.scss | 5 ----- src/scopes/_code.scss | 9 +++++++++ tpl/views/code.pug | 4 ++-- 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 @@ padding-left: fn.dim(--pad-y); border-radius: 100em; } - - @include iro.bem-modifier('no-vpad') { - margin-top: calc(-1 * fn.dim(--pad-y)); - margin-bottom: calc(-1 * fn.dim(--pad-y)); - } } } 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 @@ ) ), 'colors'); + @include iro.props-store(( + --colors: ( + --block: ( + --fg: fn.global-color(--fg-lo), + --bg: fn.global-color(--obj-hi), + ) + ) + ), 'palette-light-hi'); + @include iro.bem-scope(iro.props-namespace()) { code { 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 @@ mixin view-code +view('code', 'Code') - .c-box.s-body + .c-box.s-code p.u-mt-0= loremIpsum pre code. @@ -9,5 +9,5 @@ mixin view-code text-transform: uppercase; p= loremIpsum - .c-box.s-body. + .c-box.s-code And here is an #[code inline] code tag. -- cgit v1.2.3-70-g09d2