Browse Source

restrict the caption on full width images to wide width

Ben Dwyer 3 years ago
parent
commit
a2109ddaff
2 changed files with 2 additions and 2 deletions
  1. 1 1
      skatepark/assets/theme.css
  2. 1 1
      skatepark/sass/block-styles/_image-caption.scss

+ 1 - 1
skatepark/assets/theme.css

@@ -200,7 +200,7 @@
 
 .is-style-skatepark-aside-caption.alignfull figcaption {
 	margin-left: var(--wp--custom--post-content--padding--left);
-	margin-right: var(--wp--custom--post-content--padding--right);
+	margin-right: calc( max( 0.5 * ( 100% - var(--wp--custom--layout--wide-size) ), var(--wp--custom--post-content--padding--left) ));
 }
 
 h1.is-style-skatepark-heading-border, h2.is-style-skatepark-heading-border, h3.is-style-skatepark-heading-border, h4.is-style-skatepark-heading-border, h5.is-style-skatepark-heading-border, h6.is-style-skatepark-heading-border {

+ 1 - 1
skatepark/sass/block-styles/_image-caption.scss

@@ -20,6 +20,6 @@
 
 	&.alignfull figcaption {
 		margin-left: var(--wp--custom--post-content--padding--left);
-		margin-right: var(--wp--custom--post-content--padding--right);
+		margin-right: calc( max( 0.5 * ( 100% - var(--wp--custom--layout--wide-size) ), var(--wp--custom--post-content--padding--left) ) );
 	}
 }