diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-10-13 19:32:56 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-11-11 18:14:41 +0100 |
| commit | 006b15b467a5cd835a6eab1b49023100bdc8f2e6 (patch) | |
| tree | 949c7295c2e206f42357f135bab4696ddf6576ec /src/components/atoms | |
| parent | 00f147a7a687d5772bcc538bc606cfff972178cd (diff) | |
refactor(components): rewrite Code component and usePrism hook
* move Prism styles to Sass placeholders to avoid repeats
* let usePrism consumer define its plugins (remove default ones)
* remove `plugins` prop from Code component
* add new props to Code component to let consumer configure plugins
(and handle plugin list from the given options)
However there are some problems with Prism plugins: line-highlight and
treeview does not seems to be loaded. I don't want to use Babel instead
of SWC so I have no solution for now.
Diffstat (limited to 'src/components/atoms')
| -rw-r--r-- | src/components/atoms/figure/figure.module.scss | 4 |
1 files changed, 1 insertions, 3 deletions
diff --git a/src/components/atoms/figure/figure.module.scss b/src/components/atoms/figure/figure.module.scss index e7ba5c2..7722e59 100644 --- a/src/components/atoms/figure/figure.module.scss +++ b/src/components/atoms/figure/figure.module.scss @@ -7,15 +7,13 @@ border: fun.convert-px(1) solid var(--color-border-light); font-size: var(--font-size-sm); font-weight: 500; + text-align: center; } .wrapper { - display: flex; - flex-flow: column; width: fit-content; margin: 0 auto; position: relative; - text-align: center; &--has-borders { padding: fun.convert-px(4); |