diff options
| author | Volpeon <git@volpeon.ink> | 2023-01-29 16:14:47 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2023-01-29 16:14:47 +0100 |
| commit | a0e0bb11f97a99205c680cc04ea4ce7bc930c9f0 (patch) | |
| tree | 80d5ddf502bdeb0cb65f314a503913a45cbf256a | |
| parent | Fox emoji (diff) | |
| download | iro-design-a0e0bb11f97a99205c680cc04ea4ce7bc930c9f0.tar.gz iro-design-a0e0bb11f97a99205c680cc04ea4ce7bc930c9f0.tar.bz2 iro-design-a0e0bb11f97a99205c680cc04ea4ce7bc930c9f0.zip | |
Fixed code object
| -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. |
