No description
628f666d6a
Implements functional text settings panel with real-time CSS updates: - Text styling: italic, weight, alignment applied to body selector - Typography: font-size applied to paragraph selector - Colors: text color and background with Coloris picker - Margins/padding: simple and detailed modes for paragraphs - Smart sync between simple and detailed margin fields - Automatic CSS property cleanup (removes conflicting properties) - Parses existing stylesheet values including 4-value shorthand - Default margins: 0mm top/left/right, 24mm bottom for paragraphs Technical details: - Uses Pinia store extractBlock() for CSS manipulation - Implements isSyncingFromSimple flag to prevent watcher conflicts - Syncs detailed fields when modifying simple field (even when expanded) - Removes shorthand properties when using detailed, and vice versa - Fixed background color alpha channel (0 → 1) for Coloris visibility 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com> |
||
|---|---|---|
| .vscode | ||
| public | ||
| src | ||
| .gitignore | ||
| claude.md | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| vite.config.js | ||
Vue 3 + Vite
This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.
Learn more about IDE Support for Vue in the Vue Docs Scaling up Guide.