xinyouhe/cms-SiteForge
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: per-block font size/color controls — title_size, text_size, text_color, accent_color, button_color

Browse Source 
- blueprints.py: validate + render 5 new style properties as CSS vars
- editor.js: slider controls for title/text size, color pickers for
  text/accent/button colors with reset buttons
- blocks.css: CSS variable consumption rules (--sf-title-size, etc.)

Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
浅念
2026-10-29 11:16:22 +08:00
parent e0a8828a9a
commit f7a938145f
3 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/blocks.css
+8
View File
@@ -89,3 +89,11 @@
.sf-app-tile h3{font-size:20px;margin:0 0 6px}
.sf-app-tile p{font-size:14px;line-height:1.65;opacity:.75;margin:0}
@media(max-width:540px){.sf-applications-band{grid-template-columns:minmax(0,1fr)}}
/* ── 区块级字号/颜色自定义（CSS 变量消费）── */
.sf-section h1,.sf-section h2{font-size:var(--sf-title-size,clamp(38px,5vw,76px))!important}
.sf-section h3{font-size:var(--sf-title-size,clamp(22px,2vw,28px))!important}
.sf-section p,.sf-section li,.sf-section .sf-prose{font-size:var(--sf-text-size,16px)!important}
.sf-section .sf-kicker,.sf-section .sf-feature>span,.sf-section .sf-item-copy small{color:var(--sf-accent-c,var(--accent,#3569d3))!important}
.sf-section .sf-button{background:var(--sf-btn-c,var(--accent,#315ee2))!important}
.sf-section .sf-link,.sf-section .sf-section-head>a{color:var(--sf-accent-c,var(--accent,#3569d3))!important}