1.3.2
This commit is contained in:
@@ -581,6 +581,27 @@
|
|||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* === Images without descriptions (reused images) === */
|
||||||
|
.igny8-image-figure.igny8-image-no-caption {
|
||||||
|
border: none;
|
||||||
|
background: transparent;
|
||||||
|
box-shadow: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0 auto 2rem auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.igny8-image-figure.igny8-image-no-caption .igny8-in-article-image,
|
||||||
|
.igny8-image-figure.igny8-image-no-caption .igny8-image-landscape {
|
||||||
|
border-radius: var(--igny8-border-radius-md);
|
||||||
|
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Landscape images without captions should still respect max-width */
|
||||||
|
.igny8-image-figure.igny8-image-no-caption.igny8-image-landscape-figure {
|
||||||
|
max-width: 1024px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
/* === Metadata Footer === */
|
/* === Metadata Footer === */
|
||||||
.igny8-metadata-footer {
|
.igny8-metadata-footer {
|
||||||
margin-top: 3rem;
|
margin-top: 3rem;
|
||||||
@@ -924,13 +945,14 @@
|
|||||||
/* === Landscape Image Card Fit === */
|
/* === Landscape Image Card Fit === */
|
||||||
.igny8-image-landscape-figure {
|
.igny8-image-landscape-figure {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: none;
|
max-width: 1024px;
|
||||||
margin: 0 0 2rem 0;
|
margin: 0 auto 2rem auto;
|
||||||
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.igny8-image-landscape-figure .igny8-image-landscape {
|
.igny8-image-landscape-figure .igny8-image-landscape {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: none;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
@@ -941,28 +963,36 @@
|
|||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 1fr 1fr;
|
||||||
gap: 2rem;
|
gap: 2rem;
|
||||||
align-items: start;
|
align-items: start;
|
||||||
|
grid-auto-flow: dense;
|
||||||
}
|
}
|
||||||
|
|
||||||
.igny8-section-content.igny8-has-square-image .igny8-image-figure {
|
.igny8-section-content.igny8-has-square-image .igny8-image-figure {
|
||||||
max-width: none;
|
max-width: none;
|
||||||
|
width: 100%;
|
||||||
float: none;
|
float: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.igny8-section-content.igny8-has-square-image .igny8-prose {
|
||||||
|
min-width: 0;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.igny8-section-content.igny8-has-square-image.igny8-image-left .igny8-image-figure {
|
.igny8-section-content.igny8-has-square-image.igny8-image-left .igny8-image-figure {
|
||||||
order: 1;
|
grid-column: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.igny8-section-content.igny8-has-square-image.igny8-image-left .igny8-prose {
|
.igny8-section-content.igny8-has-square-image.igny8-image-left .igny8-prose {
|
||||||
order: 2;
|
grid-column: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.igny8-section-content.igny8-has-square-image.igny8-image-right .igny8-image-figure {
|
.igny8-section-content.igny8-has-square-image.igny8-image-right .igny8-image-figure {
|
||||||
order: 2;
|
grid-column: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.igny8-section-content.igny8-has-square-image.igny8-image-right .igny8-prose {
|
.igny8-section-content.igny8-has-square-image.igny8-image-right .igny8-prose {
|
||||||
order: 1;
|
grid-column: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
@@ -972,7 +1002,7 @@
|
|||||||
|
|
||||||
.igny8-section-content.igny8-has-square-image .igny8-image-figure,
|
.igny8-section-content.igny8-has-square-image .igny8-image-figure,
|
||||||
.igny8-section-content.igny8-has-square-image .igny8-prose {
|
.igny8-section-content.igny8-has-square-image .igny8-prose {
|
||||||
order: unset;
|
grid-column: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -150,9 +150,13 @@ $reuse_pattern = [1, 0, 3, 2]; // Featured, Square1, Landscape2, Square2
|
|||||||
if (!$show_description) {
|
if (!$show_description) {
|
||||||
$img_class .= ' igny8-image-reuse';
|
$img_class .= ' igny8-image-reuse';
|
||||||
}
|
}
|
||||||
|
$figure_class = 'igny8-image-figure';
|
||||||
|
if (!$show_description || empty($img_caption)) {
|
||||||
|
$figure_class .= ' igny8-image-no-caption';
|
||||||
|
}
|
||||||
?>
|
?>
|
||||||
<div class="igny8-section-content">
|
<div class="igny8-section-content">
|
||||||
<figure class="igny8-image-figure">
|
<figure class="<?php echo esc_attr($figure_class); ?>">
|
||||||
<img src="<?php echo esc_url($img_url); ?>"
|
<img src="<?php echo esc_url($img_url); ?>"
|
||||||
alt="<?php echo esc_attr($section['heading']); ?>"
|
alt="<?php echo esc_attr($section['heading']); ?>"
|
||||||
class="<?php echo esc_attr($img_class); ?>"
|
class="<?php echo esc_attr($img_class); ?>"
|
||||||
@@ -176,9 +180,13 @@ $reuse_pattern = [1, 0, 3, 2]; // Featured, Square1, Landscape2, Square2
|
|||||||
$img_class .= ' igny8-image-reuse';
|
$img_class .= ' igny8-image-reuse';
|
||||||
}
|
}
|
||||||
$section_class = 'igny8-section-content igny8-has-square-image igny8-image-' . $img_align;
|
$section_class = 'igny8-section-content igny8-has-square-image igny8-image-' . $img_align;
|
||||||
|
$figure_class = 'igny8-image-figure';
|
||||||
|
if (!$show_description || empty($img_caption)) {
|
||||||
|
$figure_class .= ' igny8-image-no-caption';
|
||||||
|
}
|
||||||
?>
|
?>
|
||||||
<div class="<?php echo esc_attr($section_class); ?>">
|
<div class="<?php echo esc_attr($section_class); ?>">
|
||||||
<figure class="igny8-image-figure">
|
<figure class="<?php echo esc_attr($figure_class); ?>">
|
||||||
<img src="<?php echo esc_url($img_url); ?>"
|
<img src="<?php echo esc_url($img_url); ?>"
|
||||||
alt="<?php echo esc_attr($section['heading']); ?>"
|
alt="<?php echo esc_attr($section['heading']); ?>"
|
||||||
class="igny8-in-article-image"
|
class="igny8-in-article-image"
|
||||||
@@ -201,9 +209,13 @@ $reuse_pattern = [1, 0, 3, 2]; // Featured, Square1, Landscape2, Square2
|
|||||||
if (!$show_description) {
|
if (!$show_description) {
|
||||||
$img_class .= ' igny8-image-reuse';
|
$img_class .= ' igny8-image-reuse';
|
||||||
}
|
}
|
||||||
|
$figure_class = 'igny8-image-figure igny8-image-landscape-figure';
|
||||||
|
if (!$show_description || empty($img_caption)) {
|
||||||
|
$figure_class .= ' igny8-image-no-caption';
|
||||||
|
}
|
||||||
?>
|
?>
|
||||||
<div class="igny8-section-content">
|
<div class="igny8-section-content">
|
||||||
<figure class="igny8-image-figure igny8-image-landscape-figure">
|
<figure class="<?php echo esc_attr($figure_class); ?>">
|
||||||
<img src="<?php echo esc_url($img_url); ?>"
|
<img src="<?php echo esc_url($img_url); ?>"
|
||||||
alt="<?php echo esc_attr($section['heading']); ?>"
|
alt="<?php echo esc_attr($section['heading']); ?>"
|
||||||
class="<?php echo esc_attr($img_class); ?>"
|
class="<?php echo esc_attr($img_class); ?>"
|
||||||
|
|||||||
Reference in New Issue
Block a user