zcode/dusuniot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v0.10.11 首页 H11 Developer Center 三卡 1:1:节背景遮罩通用实现(电路板条图+渐变 overlay,行 relative);image-box pos-left 行布局;按钮设置驱动+悬停注入;列宽 margin 语义(全零 _margin 跳过/0.9rem/figure margin 0/kit 标题 Roboto);H4/H9/H10 全量回归零差异

Browse Source
This commit is contained in:
bigcode
2026-11-01 12:16:11 +08:00
parent b0b9c6d5a0
commit 46bd8d7655
5 changed files with 126 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/app.css
+15 -5
View File
@@ -247,11 +247,20 @@
.el-imagebox-description { margin: 0; }
.el-imagebox-img img { transition: filter 0.3s ease; }
@media (min-width: 768px) {
/* 图在左/右的横向布局（原站 min-width:768px 分支） */
/* 图在左/右的横向布局（原站 min-width:768px 分支）；图与文案间距 15px
* （post-18 对 position-left/right 各自生成 .elementor-image-box-img margin-*,实测 H11 行） */
.el-imagebox-pos-left .el-imagebox-wrapper { display: flex; text-align: start; }
.el-imagebox-pos-left .el-imagebox-img { margin-right: 0; }
.el-imagebox-pos-left .el-imagebox-img { margin-right: 15px; }
.el-imagebox-pos-right .el-imagebox-wrapper { display: flex; flex-direction: row-reverse; text-align: end; }
.el-imagebox-pos-right .el-imagebox-img { margin-left: 0; }
.el-imagebox-pos-right .el-imagebox-img { margin-left: 15px; }
.el-imagebox-pos-left .el-imagebox-content, .el-imagebox-pos-right .el-imagebox-content { width: 100%; }
}
/* ===== 首页 H11 Developer Center 三卡列（post-18.css 对应块；1436 实测 2026-11-01）
* 原站这三列 populated 宽 = 列 453.33 - 水平 margin 10 = 443.33（flex 收缩语义），
* 与 H4 卡（populated = 列宽 272 含 margin 溢出）不同——此处按实测覆写为 auto 扣边距 */
[data-el="f43387e"] > div, [data-el="508f31a"] > div, [data-el="2b7b38c"] > div {
width: auto !important;
}
@media (max-width: 767px) {
.el-imagebox-img { margin-inline: auto !important; margin-bottom: 15px; }
@@ -291,10 +300,11 @@
.el-col > div > [data-el]:not(.el-w-auto) { width: 100%; }
.el-col > div > [data-el]:not(:last-child):not(.el-w-auto) { margin-bottom: 20px; }
.el-texteditor { display: flow-root; }
.el-texteditor p { margin: 0 0 0.9em; }
/* 0.9rem 固定值（原站 hello-elementor p 边距 14.4px @16 根字号；em 会随 widget 字号 20px 放大成 18px） */
.el-texteditor p { margin: 0 0 0.9rem; }
/* frontend.min.css：widget 内 figure 外边距清零（text-editor / post-content 例外保留 UA 边距）；
* H10 html 模块 figure 曾因 UA margin(1em 40px) 被挤窄 80px、多出 16px 底边距 */
.content-html [data-el] figure { margin: 0; }
.content-html [data-el] figure:not(.el-imagebox-img) { margin: 0; }
.content-html .el-texteditor figure { margin-block: 1em; margin-inline: 40px; }
/* ===== Elementor widget-image 基础（widget-image.min.css 对应块）