kate522/wordpress-theme-aksrt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(single): restore Zibll float dual-column and article chrome

Browse Source 
Align single-post layout/visuals with Zibll: fix sidebar-over-content
float geometry (position:unset, 311px token, kill Bootstrap/container
padding and the 280px sidebar override), demote theme-box to spacing-
only, unify breadcrumb/cover/graphic utilities, and split aksrt-single
render helpers under the file-size limit.
This commit is contained in:
kate522
2026-07-16 12:44:09 +08:00
parent 442242d612
commit 6c354fb086
15 changed files with 1189 additions and 975 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/frontend/card-primitives.css
+16 -22
View File
@@ -73,22 +73,17 @@
/* ============================================================
* Zibll 兼容别名
* ============================================================ */
.theme-box {
background: var(--surface-1);
border: none;
border-radius: var(--radius, 8px);
box-shadow: var(--shadow-sm);
/* Zibll .theme-box is ONLY a spacing utility (margin-bottom: 20px).
* Background/shadow live on .main-bg / .main-shadow / .box-bg / .zib-widget.
* Do NOT turn every theme-box into a card — article-header also uses it. */
.theme-box,
.mb20 {
margin-bottom: 20px;
transition: box-shadow 0.2s ease;
}
.theme-box:hover {
box-shadow: var(--shadow);
}
.box-bg {
background-color: var(--surface-1);
box-shadow: var(--shadow-sm);
background-color: var(--main-bg-color, var(--surface-1));
box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, 0.08));
}
.box-body {
@@ -109,7 +104,11 @@
}
.main-shadow {
box-shadow: var(--shadow);
box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, 0.08));
}
.main-bg {
background: var(--main-bg-color, var(--surface-1));
}
.muted-box {
@@ -123,26 +122,21 @@
* ============================================================ */
html.dark .aksrt-theme-box,
body.dark-theme .aksrt-theme-box,
html.dark .theme-box,
body.dark-theme .theme-box,
html.dark .box-bg,
body.dark-theme .box-bg {
border-color: transparent;
box-shadow: var(--shadow-sm);
box-shadow: 0 0 10px var(--main-shadow, rgba(0, 0, 0, 0.2));
}
html.dark .aksrt-theme-box:hover,
body.dark-theme .aksrt-theme-box:hover,
html.dark .theme-box:hover,
body.dark-theme .theme-box:hover {
box-shadow: var(--shadow);
body.dark-theme .aksrt-theme-box:hover {
box-shadow: 0 0 10px var(--main-shadow, rgba(0, 0, 0, 0.28));
}
/* ============================================================
* 卡片 hover 动效
* ============================================================ */
.aksrt-theme-box,
.theme-box {
.aksrt-theme-box {
transition: box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);
}