hibby
/
PaperModX
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

consistant header gaps

This commit is contained in:
Reorx 2022-09-08 21:29:29 +08:00
parent e14673bee7
commit ce83fcc8ed
3 changed files with 21 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
assets/css/common/main.css
View File

@ -4,8 +4,18 @@
min-height: calc(100vh - var(--header-height) - var(--footer-height));
max-width: calc(var(--main-width) + var(--gap) * 2);
margin: auto;
padding: var(--gap);
padding-bottom: 0;
padding: var(--content-gap) var(--gap) 0;
}
@media screen and (max-width: 500px) {
.main {
padding-top: 0;
}
}
/* same as .post-header */
.page-header {
margin: var(--gap) 0 calc(var(--content-gap) * 1.5);
}
.mark-line {

8
assets/css/common/post-single.css
View File

@ -1,14 +1,10 @@
.page-header,
.post-header {
margin: calc(var(--gap) * 4/3) 0;
}
.post-header {
margin-top: calc(var(--gap) * 1/3);
margin: var(--gap) 0 calc(var(--content-gap) * 1.5);
}
.post-title {
font-size: 40px;
margin: var(--content-gap) 0;
margin-bottom: var(--content-gap);
}
.post-description {

12
assets/css/extended/newsletter.scss
View File

@ -94,7 +94,8 @@ body.type-newsletter.layout-archives {
.main {
border: var(--main-border);
background-color: var(--theme);
margin-top: var(--content-gap);
margin-top: var(--gap);
padding-top: 0;
padding-bottom: var(--icon-length);
min-height: calc(100vh - var(--header-height) - var(--footer-height) - var(--content-gap));
max-width: var(--nav-width);
@ -122,7 +123,7 @@ body.type-newsletter.layout-archives {
.main {
.content {
max-width: calc(var(--post-width));
margin: 0 auto;
margin: var(--icon-length) auto 0;
}
.first-entry {
@ -131,12 +132,13 @@ body.type-newsletter.layout-archives {
h1 {
text-align: center;
margin-top: var(--gap);
margin-bottom: calc(var(--content-gap) * 1);
margin-bottom: 10px;
}
.subtitle {
text-align: center;
color: var(--secondary);
line-height: 1.2em;
margin-bottom: var(--content-gap);
}
h2 {
@ -216,7 +218,7 @@ body.type-newsletter.kind-page {
background-color: var(--signature-bg-dim);
transition: var(--link-transition);
font-size: 32px;
// margin-bottom: calc(var(--content-gap) * 2);
margin-bottom: var(--content-gap);
line-height: var(--icon-length);
box-shadow: none; // reset