upgrade: adopt V8.34.1 (multi-image banner carousel + spec-table source modes)
Plain overlay (33 items, same-source lineage, zero patch replay). Theme suites 35/35; full run 453 passed + 10 known Windows env fails (suspect-module rerun confirms identical failure set). Live: container 8.34.1-dev.1; hesupipe home leftover industrial-preset blocks cleared via studio draft+publish flow — home now renders pure trade-pro template (sf-section/Chinese blocks = 0). Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
@@ -33,3 +33,39 @@
|
||||
Restrict grid layout to its dedicated inner element. */
|
||||
.sf-section.sf-features,.sf-section.sf-collection,.sf-section.sf-stats,.sf-section.sf-gallery,.sf-section.sf-attributes{display:block;grid-template-columns:none}
|
||||
.sf-section.sf-faq{max-width:none}
|
||||
|
||||
|
||||
/* V8.34: opt-in no-code compositions; no change for legacy blocks with no choice. */
|
||||
.sf-hero-grid.sf-hero-layout-image-first > .sf-hero-img{order:-1}
|
||||
.sf-hero-grid.sf-hero-layout-centered{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center}
|
||||
.sf-hero-grid.sf-hero-layout-centered .sf-hero-copy{max-width:900px;margin-inline:auto}
|
||||
.sf-hero-grid.sf-hero-layout-centered .sf-hero-img{width:100%;min-height:240px;max-height:540px}
|
||||
.sf-hero-grid.sf-fit-contain .sf-hero-img img{object-fit:contain}
|
||||
.sf-collection.sf-fit-contain .sf-item-img{background:#f4f7f9}
|
||||
.sf-collection.sf-fit-contain .sf-item-img img{object-fit:contain}
|
||||
.sf-collection.sf-card-style-compact .sf-item-img{height:156px}
|
||||
.sf-collection.sf-card-style-compact .sf-item-copy{padding:16px 19px}
|
||||
.sf-collection.sf-card-style-compact .sf-item-copy h3{font-size:clamp(16px,1.5vw,20px);margin:8px 0 5px}
|
||||
.sf-collection.sf-card-style-compact .sf-item-copy p{font-size:13px;min-height:0}
|
||||
.sf-collection.sf-card-style-showcase .sf-item-img{height:auto;aspect-ratio:16/10}
|
||||
.sf-collection.sf-card-style-showcase .sf-item-copy{padding:25px}
|
||||
.sf-collection.sf-card-style-showcase .sf-item-copy h3{font-size:clamp(19px,2vw,26px)}
|
||||
@media(max-width:820px){.sf-hero-grid.sf-hero-layout-image-first > .sf-hero-img{order:initial}}
|
||||
@media(max-width:540px){.sf-collection.sf-card-style-compact .sf-item-img{height:180px}.sf-hero-grid.sf-hero-layout-centered .sf-hero-img{min-height:200px}}
|
||||
@media(prefers-reduced-motion:reduce){.sf-collection.sf-card-style-showcase .sf-item{transition:none}}
|
||||
|
||||
/* Industrial product photography respects *explicit* image fit, not archived defaults. */
|
||||
.sf-theme-industrial .pro-custom-content .sf-collection.sf-fit-cover .sf-item-img img{object-fit:cover}
|
||||
.sf-theme-industrial .pro-custom-content .sf-collection.sf-fit-contain .sf-item-img img{object-fit:contain}
|
||||
|
||||
|
||||
/* V8.34.1 opt-in multi-Banner. No autoplay, low JS cost, native swipe and keyboard scroll. */
|
||||
.sf-hero-slider{min-width:0}.sf-hero-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.sf-hero-track::-webkit-scrollbar{display:none}
|
||||
.sf-hero-panel{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
|
||||
.sf-hero-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px;color:inherit}
|
||||
.sf-hero-controls button{border:1px solid currentColor;border-radius:50%;width:40px;height:40px;font-size:24px;line-height:1;background:transparent;color:inherit;cursor:pointer}
|
||||
.sf-hero-controls button:focus-visible{outline:3px solid var(--accent,#3569d3);outline-offset:3px}
|
||||
.sf-hero-count{font-size:13px;font-weight:700;min-width:40px;text-align:center}
|
||||
@media(prefers-reduced-motion:reduce){.sf-hero-track{scroll-behavior:auto}}
|
||||
|
||||
.sf-hero-panel .sf-hero-copy h2{font-size:clamp(38px,5vw,76px);font-weight:790;letter-spacing:-.052em}
|
||||
|
||||
Reference in New Issue
Block a user