diff options
-rw-r--r-- | src/objects/_action-button.scss | 5 | ||||
-rw-r--r-- | src/scopes/_code.scss | 9 | ||||
-rw-r--r-- | 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 @@ | |||
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 @@ | |||
1 | mixin view-code | 1 | mixin 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. |