From 7b633bacce25dec4d6e9b7d9c8fb97b37f801941 Mon Sep 17 00:00:00 2001 From: Maggie Cabrera Date: Mon, 30 Nov 2020 15:25:47 +0100 Subject: [PATCH] figcaption and focus img styles --- twentytwentyone-blocks/assets/css/blocks.css | 14 +++++++++++++- twentytwentyone-blocks/style.css | 2 +- 2 files changed, 14 insertions(+), 2 deletions(-) diff --git a/twentytwentyone-blocks/assets/css/blocks.css b/twentytwentyone-blocks/assets/css/blocks.css index dcefc43f..ef45f0bb 100644 --- a/twentytwentyone-blocks/assets/css/blocks.css +++ b/twentytwentyone-blocks/assets/css/blocks.css @@ -59,11 +59,23 @@ # Image --------------------------------------------------------------*/ -.wp-block-image img, .wp-block-image img { height: auto; } +.wp-block-image figcaption{ + text-align: center; + color: var(--wp--preset--color--dark-gray); + font-size: var(--wp--preset--font-size--extra-small); + line-height: var(--wp--custom--line-height--body); + margin-top: calc(0.5 * var(--wp--custom--spacing--unit)); + margin-bottom: var(--wp--custom--spacing--unit); +} + +.wp-block-image a:focus img { + outline-offset: 2px; +} + .wp-block-image.is-style-twentytwentyone-border img, .wp-block-image.is-style-twentytwentyone-image-frame img { border: 3px solid var(--wp--preset--color--dark-gray); diff --git a/twentytwentyone-blocks/style.css b/twentytwentyone-blocks/style.css index 02f6724c..5065d0b2 100644 --- a/twentytwentyone-blocks/style.css +++ b/twentytwentyone-blocks/style.css @@ -103,7 +103,7 @@ body { .wp-site-blocks .alignfull { transform: translateX(0px); - width: 100% + var(--wp--custom--spacing--horizontal)); + width: 100% + var(--wp--custom--spacing--horizontal); max-width: calc(100% + var(--wp--custom--spacing--horizontal)); } } \ No newline at end of file