davejansen/Ghost-Theme-Source
1
0
Fork 0
Code Issues Pull Requests Activity

4-column grid layout when there's no sidebar

Browse Source
This commit is contained in:
Sodbileg Gansukh
2023-09-04 19:44:58 +08:00
parent fd045956e8
commit 301b29086e
4 changed files with 16 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
assets/css/screen.css
View File

@@ -1547,7 +1547,8 @@ Search LOGO Login Subscribe
margin-top: 0;
}
.gh-navigation + .gh-container .gh-container-title {
.gh-navigation + .gh-container .gh-container-title,
:is(.paged, .tag-template, .author-template) .gh-container:not(.has-sidebar) .gh-container-title {
display: none;
}
@@ -1607,10 +1608,14 @@ Search LOGO Login Subscribe
/* 11.2. Without sidebar */
.gh-container:not(.has-sidebar) :is(.gh-container-title, .gh-main, .gh-more) {
.gh-container.is-list:not(.has-sidebar) :is(.gh-container-title, .gh-main, .gh-more) {
grid-column: 3 / span 12;
}
.gh-container.is-grid:not(.has-sidebar) .gh-main {
grid-column: 1 / -1;
}
@media (max-width: 1199px) {
.gh-container-inner {
display: block;
@@ -1724,7 +1729,7 @@ Search LOGO Login Subscribe
.gh-container.is-grid .gh-feed {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
row-gap: calc(var(--grid-gap) * 1.5);
overflow: hidden;
}