浅念
5797638caf
Fifth built-in theme: English-first international B2B skeleton registered via manifest discovery, builds real sites end-to-end. pro.html derives from industrial with lang=en, href-set value-comparison English fallback nav (header + footer), sf-tp-* button classes and hard-coded #0b3d91 theme-color until the map entry lands. pages/ ships all 14 kinds; macro library is an English passthrough copy pending the Phase 3 cms port. Co-Authored-By: Claude Code <noreply@anthropic.com>
33 lines
2.5 KiB
CSS
33 lines
2.5 KiB
CSS
/* trade-pro pro.css — skeleton layer (Phase 2).
|
|
Kept above the 2 KB floor every built-in theme must satisfy for the
|
|
packaged asset assertion (tests/test_theme_pro_v3.py). The full cms port
|
|
(tokens/base/components) lands in Phase 3; until then these rules only
|
|
tint the shared pro-base.css chrome with trade-pro tokens. */
|
|
.sf-theme-trade-pro .pro-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
|
|
.sf-theme-trade-pro .pro-header{background:#fff;border-bottom:3px solid var(--sf-tp-primary,#0b3d91)}
|
|
.sf-theme-trade-pro .pro-logo-name small{color:var(--sf-tp-primary,#0b3d91);letter-spacing:.18em}
|
|
.sf-theme-trade-pro .pro-navigation a{color:var(--sf-tp-text,#1a2332);text-decoration:none;font-weight:500}
|
|
.sf-theme-trade-pro .pro-navigation a:hover{color:var(--sf-tp-primary,#0b3d91)}
|
|
.sf-theme-trade-pro .pro-header-cta{white-space:nowrap}
|
|
.sf-theme-trade-pro .pro-mega{border-top:1px solid #e3e9f2;background:#f7fafd}
|
|
.sf-theme-trade-pro .pro-mega a{color:var(--sf-tp-primary,#0b3d91)}
|
|
.sf-theme-trade-pro .pro-category-tiles a{border:1px solid #dfe7f2;border-radius:var(--sf-tp-radius,8px);background:#fff}
|
|
.sf-theme-trade-pro .pro-category-tiles a span{color:var(--sf-tp-accent,#f5a623)}
|
|
.sf-theme-trade-pro .pro-card{border:1px solid #dfe7f2;border-radius:var(--sf-tp-radius,8px);background:#fff;overflow:hidden}
|
|
.sf-theme-trade-pro .pro-card h3{color:var(--sf-tp-text,#1a2332)}
|
|
.sf-theme-trade-pro .pro-card:hover{border-color:var(--sf-tp-primary,#0b3d91)}
|
|
.sf-theme-trade-pro .pro-card-link{color:var(--sf-tp-primary,#0b3d91)}
|
|
.sf-theme-trade-pro .pro-specs div{border-bottom:1px solid #e3e9f2}
|
|
.sf-theme-trade-pro .pro-specs span{color:var(--sf-tp-muted,#5a6a7e)}
|
|
.sf-theme-trade-pro .pro-end-cta{background:var(--sf-tp-primary,#0b3d91);color:#fff}
|
|
.sf-theme-trade-pro .pro-end-cta .pro-eyebrow{color:var(--sf-tp-accent,#f5a623)}
|
|
.sf-theme-trade-pro .pro-end-cta .sf-tp-btn{background:#fff;color:var(--sf-tp-primary,#0b3d91);border-color:#fff}
|
|
.sf-theme-trade-pro .pro-footer{background:#0d1b2e;color:#c7d3e2}
|
|
.sf-theme-trade-pro .pro-footer h2{color:#fff}
|
|
.sf-theme-trade-pro .pro-footer a{color:#fff}
|
|
.sf-theme-trade-pro .pro-footer-bottom{border-top:1px solid #24344c}
|
|
.sf-theme-trade-pro .pro-filter-panel{border:1px solid #dfe7f2;border-radius:var(--sf-tp-radius,8px)}
|
|
.sf-theme-trade-pro .pro-404 strong{color:var(--sf-tp-primary,#0b3d91)}
|
|
/* Phase 3: replace the tint layer above with the ported cms base.css and
|
|
components (tokens prefixed --sf-tp-, all interactive classes sf-tp-*). */
|