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

Post list

Browse Source
This commit is contained in:
Sodbileg Gansukh
2023-07-10 11:58:34 +08:00
parent bd5c882ebb
commit 0e63d043c2
6 changed files with 61 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
assets/css/screen.css
View File

@@ -139,7 +139,7 @@ a:hover {
.gh-inner {
margin: 0 auto;
max-width: 1200px;
max-width: 1280px;
width: 100%;
}
@@ -584,6 +584,10 @@ Search LOGO Login Subscribe
/* Card */
.gh-card-link:hover {
opacity: 1;
}
.gh-card-image {
position: relative;
aspect-ratio: 16 / 9;
@@ -648,4 +652,35 @@ Search LOGO Login Subscribe
.gh-header.is-highlight .gh-card:not(:first-child) .gh-card-excerpt {
display: none;
}
/* 7. Container */
.gh-container:not(.has-sidebar) .gh-container-inner {
display: grid;
grid-template-columns: repeat(16, 1fr);
}
.gh-container:not(.has-sidebar) .gh-container-inner .gh-main {
grid-column: 3 / span 12;
}
/* 8. Post list */
/* 8.1. List style */
.gh-container.is-list .gh-card-link {
display: flex;
}
.gh-container.is-list .gh-card-image {
flex-shrink: 0;
width: 240px;
}
/* 8.2. Grid style */
.gh-container.is-grid .gh-feed {
display: grid;
grid-template-columns: repeat(3, 1fr);
}