diff options
Diffstat (limited to 'src/styles/pages/partials/_article-wp-blocks.scss')
| -rw-r--r-- | src/styles/pages/partials/_article-wp-blocks.scss | 32 |
1 files changed, 21 insertions, 11 deletions
diff --git a/src/styles/pages/partials/_article-wp-blocks.scss b/src/styles/pages/partials/_article-wp-blocks.scss index f75a4d5..33e59a1 100644 --- a/src/styles/pages/partials/_article-wp-blocks.scss +++ b/src/styles/pages/partials/_article-wp-blocks.scss @@ -62,6 +62,24 @@ } } + .wp-block-image { + display: flex; + flex-flow: column; + width: fit-content; + margin: 0 auto; + padding: fun.convert-px(4); + position: relative; + border: fun.convert-px(1) solid var(--color-border); + box-shadow: fun.convert-px(1) fun.convert-px(1) fun.convert-px(1) 0 + var(--color-shadow); + text-align: center; + + figcaption { + margin-top: fun.convert-px(4); + font-size: var(--font-size-sm); + } + } + .wp-block-gallery { display: grid; grid-template-columns: minmax(0, 1fr); @@ -142,18 +160,10 @@ } } } - } - .wp-block-image { - img { - display: block; - margin: auto; - box-shadow: 0 0 fun.convert-px(1) 0 var(--color-shadow), - fun.convert-px(2) fun.convert-px(2) fun.convert-px(2) 0 - var(--color-shadow-light), - fun.convert-px(3) fun.convert-px(3) fun.convert-px(6) 0 - var(--color-shadow-light); - text-align: center; + .wp-block-image img { + height: 100%; + object-fit: cover; } } |