4-column grid layout when there's no sidebar

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
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+8 -3
View File
@@ -1547,7 +1547,8 @@ Search LOGO Login Subscribe
margin-top: 0; 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; display: none;
} }
@@ -1607,10 +1608,14 @@ Search LOGO Login Subscribe
/* 11.2. Without sidebar */ /* 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; grid-column: 3 / span 12;
} }
.gh-container.is-grid:not(.has-sidebar) .gh-main {
grid-column: 1 / -1;
}
@media (max-width: 1199px) { @media (max-width: 1199px) {
.gh-container-inner { .gh-container-inner {
display: block; display: block;
@@ -1724,7 +1729,7 @@ Search LOGO Login Subscribe
.gh-container.is-grid .gh-feed { .gh-container.is-grid .gh-feed {
display: grid; 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); row-gap: calc(var(--grid-gap) * 1.5);
overflow: hidden; overflow: hidden;
} }
+6 -6
View File
@@ -22,31 +22,31 @@
{{#match @custom.header_style "Highlight"}} {{#match @custom.header_style "Highlight"}}
{{#match posts.length ">=" 10}} {{#match posts.length ">=" 10}}
{{#if @custom.highlight_featured_posts}} {{#if @custom.highlight_featured_posts}}
{{#foreach posts from="5" limit="9"}} {{#foreach posts from="5" limit="8"}}
{{> "post-card"}} {{> "post-card"}}
{{/foreach}} {{/foreach}}
{{else}} {{else}}
{{#foreach posts from="11" limit="9"}} {{#foreach posts from="11" limit="8"}}
{{> "post-card"}} {{> "post-card"}}
{{/foreach}} {{/foreach}}
{{/if}} {{/if}}
{{else}} {{else}}
{{#foreach posts limit="9"}} {{#foreach posts limit="8"}}
{{> "post-card"}} {{> "post-card"}}
{{/foreach}} {{/foreach}}
{{/match}} {{/match}}
{{else match @custom.header_style "Magazine"}} {{else match @custom.header_style "Magazine"}}
{{#match posts.length ">=" 7}} {{#match posts.length ">=" 7}}
{{#foreach posts from="8" limit="9"}} {{#foreach posts from="8" limit="8"}}
{{> "post-card"}} {{> "post-card"}}
{{/foreach}} {{/foreach}}
{{else}} {{else}}
{{#foreach posts limit="9"}} {{#foreach posts limit="8"}}
{{> "post-card"}} {{> "post-card"}}
{{/foreach}} {{/foreach}}
{{/match}} {{/match}}
{{else}} {{else}}
{{#foreach posts limit="9"}} {{#foreach posts limit="8"}}
{{> "post-card"}} {{> "post-card"}}
{{/foreach}} {{/foreach}}
{{/match}} {{/match}}