1.3.1
This commit is contained in:
@@ -923,15 +923,73 @@
|
||||
|
||||
/* === Landscape Image Card Fit === */
|
||||
.igny8-image-landscape-figure {
|
||||
width: fit-content;
|
||||
max-width: 100%;
|
||||
margin: 0 auto 2rem;
|
||||
width: 100%;
|
||||
max-width: none;
|
||||
margin: 0 0 2rem 0;
|
||||
}
|
||||
|
||||
.igny8-image-landscape-figure .igny8-image-landscape {
|
||||
max-width: 100%;
|
||||
width: auto;
|
||||
width: 100%;
|
||||
max-width: none;
|
||||
height: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* === Square Image Two-Column Layout === */
|
||||
.igny8-section-content.igny8-has-square-image {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 2rem;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.igny8-section-content.igny8-has-square-image .igny8-image-figure {
|
||||
max-width: none;
|
||||
float: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.igny8-section-content.igny8-has-square-image.igny8-image-left .igny8-image-figure {
|
||||
order: 1;
|
||||
}
|
||||
|
||||
.igny8-section-content.igny8-has-square-image.igny8-image-left .igny8-prose {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
.igny8-section-content.igny8-has-square-image.igny8-image-right .igny8-image-figure {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
.igny8-section-content.igny8-has-square-image.igny8-image-right .igny8-prose {
|
||||
order: 1;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.igny8-section-content.igny8-has-square-image {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.igny8-section-content.igny8-has-square-image .igny8-image-figure,
|
||||
.igny8-section-content.igny8-has-square-image .igny8-prose {
|
||||
order: unset;
|
||||
}
|
||||
}
|
||||
|
||||
/* === Category Link Styles === */
|
||||
.igny8-category-link {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
transition: color 0.2s ease;
|
||||
}
|
||||
|
||||
.igny8-category-link:hover {
|
||||
color: var(--igny8-theme-color);
|
||||
}
|
||||
|
||||
.igny8-cat-separator {
|
||||
opacity: 0.5;
|
||||
margin: 0 0.25rem;
|
||||
}
|
||||
|
||||
/* === Blockquote Fix (prevent overlap with floated images) === */
|
||||
|
||||
Reference in New Issue
Block a user