fix: footer 改用 min-height:60vh 方案(放弃flex sticky)
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
/*
|
/*
|
||||||
Theme Name: 空笺未寄
|
Theme Name: 空笺未寄
|
||||||
Version: 0.14.6
|
Version: 0.14.7
|
||||||
Requires at least: 6.0
|
Requires at least: 6.0
|
||||||
Requires PHP: 7.4
|
Requires PHP: 7.4
|
||||||
License: MIT
|
License: MIT
|
||||||
@@ -24,7 +24,6 @@ Text Domain: kj-weji
|
|||||||
--topbar-height: 64px;
|
--topbar-height: 64px;
|
||||||
}
|
}
|
||||||
* { margin:0; padding:0; box-sizing:border-box; }
|
* { margin:0; padding:0; box-sizing:border-box; }
|
||||||
html, .platform { height: 100%; }
|
|
||||||
body {
|
body {
|
||||||
font-family: "Source Han Serif SC", "STSong", "Songti SC", "PingFang SC", "Microsoft YaHei", Georgia, serif;
|
font-family: "Source Han Serif SC", "STSong", "Songti SC", "PingFang SC", "Microsoft YaHei", Georgia, serif;
|
||||||
background-color: #f0ece3;
|
background-color: #f0ece3;
|
||||||
@@ -33,10 +32,6 @@ Text Domain: kj-weji
|
|||||||
radial-gradient(ellipse at 80% 20%, rgba(160, 140, 110, 0.05) 0%, transparent 50%);
|
radial-gradient(ellipse at 80% 20%, rgba(160, 140, 110, 0.05) 0%, transparent 50%);
|
||||||
color: var(--ink);
|
color: var(--ink);
|
||||||
line-height: 1.8;
|
line-height: 1.8;
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
min-height: 100vh;
|
|
||||||
padding: 0;
|
|
||||||
}
|
}
|
||||||
.platform {
|
.platform {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -83,7 +78,7 @@ Text Domain: kj-weji
|
|||||||
content:''; position:absolute; bottom:-4px; left:50%; transform:translateX(-50%);
|
content:''; position:absolute; bottom:-4px; left:50%; transform:translateX(-50%);
|
||||||
width:4px; height:4px; background:var(--cinnabar); border-radius:50%;
|
width:4px; height:4px; background:var(--cinnabar); border-radius:50%;
|
||||||
}
|
}
|
||||||
.main-content { flex: 1; padding: calc(var(--topbar-height) + 24px) 20px 40px; }
|
.main-content { padding: calc(var(--topbar-height) + 24px) 20px 40px; min-height: 60vh; }
|
||||||
|
|
||||||
/* 首页 */
|
/* 首页 */
|
||||||
.hero { text-align:center; padding:48px 20px 32px; }
|
.hero { text-align:center; padding:48px 20px 32px; }
|
||||||
@@ -213,7 +208,7 @@ Text Domain: kj-weji
|
|||||||
.profile-tabs span { cursor:pointer; color:var(--ink-lighter); letter-spacing:0.08em; padding-bottom:6px; border-bottom:2px solid transparent; transition:all 0.25s; }
|
.profile-tabs span { cursor:pointer; color:var(--ink-lighter); letter-spacing:0.08em; padding-bottom:6px; border-bottom:2px solid transparent; transition:all 0.25s; }
|
||||||
.profile-tabs span:hover, .profile-tabs span.active { color:var(--cinnabar); border-bottom-color:var(--cinnabar); }
|
.profile-tabs span:hover, .profile-tabs span.active { color:var(--cinnabar); border-bottom-color:var(--cinnabar); }
|
||||||
|
|
||||||
.footer { margin-top: auto; text-align:center; padding:24px 40px; border-top:1px solid var(--border-light); font-size:12px; color:var(--ink-lighter); letter-spacing:0.1em; font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif; }
|
.footer { text-align:center; padding:24px 40px; border-top:1px solid var(--border-light); font-size:12px; color:var(--ink-lighter); letter-spacing:0.1em; font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif; }
|
||||||
.footer .motto { margin-bottom:6px; color:var(--ink-light); font-family:"Noto Serif SC","Source Han Serif SC",serif; }
|
.footer .motto { margin-bottom:6px; color:var(--ink-light); font-family:"Noto Serif SC","Source Han Serif SC",serif; }
|
||||||
|
|
||||||
@media (max-width:720px){
|
@media (max-width:720px){
|
||||||
@@ -259,7 +254,6 @@ Text Domain: kj-weji
|
|||||||
/* WP wrapper — ensure full width in body flex container */
|
/* WP wrapper — ensure full width in body flex container */
|
||||||
.site {
|
.site {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user