diff options
Diffstat (limited to 'src/components/MDX/ResponsiveImage/ResponsiveImage.module.scss')
| -rw-r--r-- | src/components/MDX/ResponsiveImage/ResponsiveImage.module.scss | 23 |
1 files changed, 12 insertions, 11 deletions
diff --git a/src/components/MDX/ResponsiveImage/ResponsiveImage.module.scss b/src/components/MDX/ResponsiveImage/ResponsiveImage.module.scss index 34b1a92..cf2b77f 100644 --- a/src/components/MDX/ResponsiveImage/ResponsiveImage.module.scss +++ b/src/components/MDX/ResponsiveImage/ResponsiveImage.module.scss @@ -1,10 +1,21 @@ @use "@styles/abstracts/functions" as fun; .wrapper { - width: max-content; + width: 100%; max-width: 100%; margin: var(--spacing-sm) auto; position: relative; + text-align: center; +} + +.caption { + margin: 0; + padding: fun.convert-px(4) var(--spacing-2xs); + background: var(--color-bg-secondary); + border: fun.convert-px(1) solid var(--color-border); + box-shadow: 0 fun.convert-px(-1) fun.convert-px(1) fun.convert-px(1) + var(--color-shadow-light); + font-weight: 500; } .link { @@ -37,13 +48,3 @@ } } } - -.caption { - margin: 0; - padding: fun.convert-px(4) var(--spacing-2xs); - background: var(--color-bg-secondary); - border: fun.convert-px(1) solid var(--color-border); - box-shadow: 0 fun.convert-px(-1) fun.convert-px(1) fun.convert-px(1) - var(--color-shadow-light); - font-weight: 500; -} |