simon/ghost-theme-sd.ai
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/built/screen.css
View File

File diff suppressed because one or more lines are too long

2
assets/built/screen.css.map
View File

File diff suppressed because one or more lines are too long

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;
}

12
partials/components/post-list.hbs
View File

@ -22,31 +22,31 @@
{{#match @custom.header_style "Highlight"}}
{{#match posts.length ">=" 10}}
{{#if @custom.highlight_featured_posts}}
{{#foreach posts from="5" limit="9"}}
{{#foreach posts from="5" limit="8"}}
{{> "post-card"}}
{{/foreach}}
{{else}}
{{#foreach posts from="11" limit="9"}}
{{#foreach posts from="11" limit="8"}}
{{> "post-card"}}
{{/foreach}}
{{/if}}
{{else}}
{{#foreach posts limit="9"}}
{{#foreach posts limit="8"}}
{{> "post-card"}}
{{/foreach}}
{{/match}}
{{else match @custom.header_style "Magazine"}}
{{#match posts.length ">=" 7}}
{{#foreach posts from="8" limit="9"}}
{{#foreach posts from="8" limit="8"}}
{{> "post-card"}}
{{/foreach}}
{{else}}
{{#foreach posts limit="9"}}
{{#foreach posts limit="8"}}
{{> "post-card"}}
{{/foreach}}
{{/match}}
{{else}}
{{#foreach posts limit="9"}}
{{#foreach posts limit="8"}}
{{> "post-card"}}
{{/foreach}}
{{/match}}