diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-05-20 22:12:43 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-05-20 23:18:28 +0200 |
| commit | 7fd11d99f8a547e4acb89b9f9159b92e208dc90f (patch) | |
| tree | bb179701501f7767a79c5ff6fd9133bb6fdf78cf /src/styles/pages/partials/_article-media.scss | |
| parent | 0e7c1851973e57777474ef9b7662beb91f95cda5 (diff) | |
chore: update images styles
Diffstat (limited to 'src/styles/pages/partials/_article-media.scss')
| -rw-r--r-- | src/styles/pages/partials/_article-media.scss | 17 |
1 files changed, 13 insertions, 4 deletions
diff --git a/src/styles/pages/partials/_article-media.scss b/src/styles/pages/partials/_article-media.scss index 8359881..0cd3654 100644 --- a/src/styles/pages/partials/_article-media.scss +++ b/src/styles/pages/partials/_article-media.scss @@ -1,11 +1,20 @@ +@use "@styles/abstracts/functions" as fun; + @mixin styles { figure { - margin: var(--spacing-md) 0; + display: flex; + flex-flow: column; + width: fit-content; + margin: 0 auto; + position: relative; + text-align: center; } figcaption { - margin-top: var(--spacing-xs); - font-size: var(--font-size-sm); - text-align: center; + margin: 0; + padding: fun.convert-px(4) var(--spacing-2xs); + background: var(--color-bg-secondary); + border: fun.convert-px(1) solid var(--color-border-light); + font-weight: 500; } } |