[Solo] Fixed title and excerpt alignment on pages without feature image

This commit is contained in:
Sodbileg Gansukh 2024-11-18 15:50:37 +08:00
parent 02bf8a8e58
commit 1a268e5a8a
3 changed files with 10 additions and 14 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -58,7 +58,8 @@ hr {
grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-columns: repeat(12, minmax(0, 1fr));
} }
.gh-canvas > * { .gh-canvas > *,
.page-template .no-image :is(.gh-article-title, .gh-article-excerpt) {
grid-column: 4 / span 6; grid-column: 4 / span 6;
} }
@ -75,7 +76,8 @@ hr {
} }
@media (max-width: 991px) { @media (max-width: 991px) {
.gh-canvas > * { .gh-canvas > *,
.page-template .no-image :is(.gh-article-title, .gh-article-excerpt) {
grid-column: 3 / span 8; grid-column: 3 / span 8;
} }
@ -85,7 +87,8 @@ hr {
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.gh-canvas > * { .gh-canvas > *,
.page-template .no-image :is(.gh-article-title, .gh-article-excerpt) {
grid-column: 2 / span 10; grid-column: 2 / span 10;
} }
@ -95,7 +98,8 @@ hr {
} }
@media (max-width: 480px) { @media (max-width: 480px) {
.gh-canvas > * { .gh-canvas > *,
.page-template .no-image :is(.gh-article-title, .gh-article-excerpt) {
grid-column: 1 / span 12; grid-column: 1 / span 12;
} }
} }
@ -683,10 +687,6 @@ hr {
letter-spacing: -0.03em; letter-spacing: -0.03em;
} }
.page-template .no-image .gh-article-title {
grid-column: 4 / span 6;
}
.has-serif-font:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]):not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-article-title { .has-serif-font:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]):not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-article-title {
font-family: var(--gh-font-heading, var(--font-serif)); font-family: var(--gh-font-heading, var(--font-serif));
} }
@ -703,10 +703,6 @@ hr {
line-height: 1.45; line-height: 1.45;
} }
.page-template .no-image .gh-article-excerpt {
grid-column: 4 / span 6;
}
.has-serif-font:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]):not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-article-excerpt { .has-serif-font:not([class*=" gh-font-heading"]):not([class^="gh-font-heading"]):not([class*=" gh-font-body"]):not([class^="gh-font-body"]) .gh-article-excerpt {
font-family: var(--gh-font-body, var(--font-serif)); font-family: var(--gh-font-body, var(--font-serif));
} }