Shabbir

<p><strong>Scintilla Blocks</strong> extends the WordPress block editor with powerful per-block responsive controls and a clean admin dashboard — no page builders, no bloat.</p>
<h4>Features</h4>
<ul>
<li><strong>Responsive Spacing</strong> — add per-breakpoint padding and margin to any block directly from the Inspector panel (Desktop / Tablet / Mobile tabs).</li>
<li><strong>Admin Dashboard</strong> — enable or disable controls for each registered block type with a single toggle.</li>
<li><strong>Global Settings</strong> — configure tablet and mobile breakpoints from one central place.</li>
<li><strong>Live Preview</strong> — spacing values update instantly in the editor as you switch between device preview modes.</li>
<li><strong>WordPress.org Ready</strong> — clean code, no external dependencies, GPL-2.0-or-later licensed.</li>
<li><strong>Lightweight</strong> — inline CSS is only emitted for blocks that have spacing values set; zero extra HTTP requests on the front end.</li>
</ul>
<h4>How it works</h4>
<ol>
<li>Activate the plugin.</li>
<li>Open any post or page in the block editor.</li>
<li>Select a block and find the <strong>Responsive Spacing</strong> panel inside the <strong>Dimensions</strong> section of the Inspector.</li>
<li>Switch between Desktop / Tablet / Mobile tabs and set padding or margin values.</li>
<li>Visit <strong>Scintilla Blocks</strong> in the WordPress admin to enable or disable controls per block, and to adjust breakpoint values.</li>
</ol>


Scintilla Blocks

Gutenberg block controls — responsive spacing, global settings, and a dashboard to activate or deactivate block features.

Jim Roberts

<p><strong>Fluid Space Forge</strong> is a professional WordPress plugin that generates responsive spacing systems using modern CSS <code>clamp()</code> functions. Create consistent, scalable margins, padding, and gaps that adapt beautifully from mobile to desktop.</p>
<h4>Why Fluid Space Forge?</h4>
<ul>
<li><strong>Responsive Spacing</strong> – Generate CSS <code>clamp()</code> functions for fluid spacing across all device sizes</li>
<li><strong>Three Output Formats</strong> – Choose between CSS Classes, CSS Custom Properties, or Tailwind-style Utilities</li>
<li><strong>Live Preview</strong> – See your spacing at different screen sizes in real-time</li>
<li><strong>Drag & Drop</strong> – Reorder your spacing scale with intuitive drag-and-drop interface</li>
<li><strong>Mathematical Scaling</strong> – Use proven typographic ratios (Minor Second, Major Third, Perfect Fourth, etc.)</li>
<li><strong>Dual Units</strong> – Full support for both <code>px</code> and <code>rem</code> units</li>
<li><strong>Autosave</strong> – Automatic saving with manual save option for complete control</li>
<li><strong>Export Ready</strong> – Copy generated CSS code with one click</li>
</ul>
<h4>Perfect Companion</h4>
<p>Fluid Space Forge is the perfect companion to <strong>Fluid Font Forge</strong>! While typography scales smoothly across devices, your spacing should too. Together, they create cohesive, responsive design systems that work beautifully on any screen size.</p>
<h4>Output Formats</h4>
<p><strong>CSS Classes</strong><br />
Generate margin, padding, and gap classes:<br />
    .space-m-lg { margin: clamp(0.75rem, calc(0.7rem + 0.2vw), 1rem); }<br />
    .space-p-md { padding: clamp(0.6rem, calc(0.55rem + 0.18vw), 0.75rem); }<br />
    .space-g-sm { gap: clamp(0.4rem, calc(0.35rem + 0.15vw), 0.5rem); }</p>
<p><strong>CSS Custom Properties</strong><br />
Create reusable CSS variables:<br />
    :root {<br />
      –space-lg: clamp(0.75rem, calc(0.7rem + 0.2vw), 1rem);<br />
      –space-md: clamp(0.6rem, calc(0.55rem + 0.18vw), 0.75rem);<br />
    }</p>
<p><strong>Tailwind-style Utilities</strong><br />
Generate complete utility class sets:<br />
    .mt-lg { margin-top: clamp(…); }<br />
    .px-md { padding-left: clamp(…); padding-right: clamp(…); }<br />
    .gap-y-sm { row-gap: clamp(…); }</p>
<h4>Key Features</h4>
<ul>
<li><strong>Customizable Spacing Scale</strong> – Add, edit, remove, and reorder spacing sizes</li>
<li><strong>Base Value System</strong> – Calculate relative spacing from any size in your scale</li>
<li><strong>Musical Ratios</strong> – Use proven scaling ratios: 1.067, 1.125, 1.200, 1.250, 1.333</li>
<li><strong>Visual Feedback</strong> – Live preview showing spacing at min and max viewport widths</li>
<li><strong>Modal Editing</strong> – Clean interface for editing size names and properties</li>
<li><strong>Professional UI</strong> – Beautiful, intuitive admin interface with drag-and-drop support</li>
<li><strong>WordPress Integration</strong> – Located in Tools menu for easy access</li>
</ul>
<h4>Use Cases</h4>
<ul>
<li>Building responsive WordPress themes</li>
<li>Creating design system components</li>
<li>Establishing spacing tokens for custom blocks</li>
<li>Maintaining consistent spacing across projects</li>
<li>Developing fluid, accessible layouts</li>
</ul>
<h4>Browser Support</h4>
<p>CSS <code>clamp()</code> is supported in all modern browsers:<br />
* Chrome 79+<br />
* Firefox 75+<br />
* Safari 13.1+<br />
* Edge 79+</p>
<h3>Additional Information</h3>
<h4>Credits</h4>
<ul>
<li><strong>Developer</strong>: Jim R. – <a href="https://jimrforge.com" rel="nofollow ugc">JimRForge.com</a></li>
<li><strong>Development Assistant</strong>: Claude AI by Anthropic</li>
</ul>
<h4>Support</h4>
<ul>
<li><strong>Documentation</strong>:
<ul>
<li><a href="https://github.com/Mij-Strebor/fluid-space-forge/blob/master/USER-MANUAL.md" rel="nofollow ugc">User’s Guide</a> – Complete reference documentation</li>
<li><a href="https://github.com/Mij-Strebor/fluid-space-forge/blob/master/QUICK-START.md" rel="nofollow ugc">Quick Start</a> – Get started in 5 minutes</li>
<li><a href="https://github.com/Mij-Strebor/fluid-space-forge" rel="nofollow ugc">GitHub Repository</a></li>
</ul>
</li>
<li><strong>Issues</strong>: Report bugs via <a href="https://github.com/Mij-Strebor/fluid-space-forge/issues" rel="nofollow ugc">GitHub Issues</a></li>
<li><strong>Website</strong>: <a href="https://jimrforge.com" rel="nofollow ugc">JimRForge.com</a></li>
</ul>
<h4>Privacy</h4>
<p>This plugin does not collect, store, or transmit any user data. All calculations and settings are stored locally in your WordPress database.</p>
<h4>Contributing</h4>
<p>Contributions are welcome! Visit the <a href="https://github.com/Mij-Strebor/fluid-space-forge" rel="nofollow ugc">GitHub repository</a> to contribute to the project.</p>


Fluid Space Forge

Generate responsive spacing systems using CSS clamp() functions. Perfect companion to Fluid Font Forge for creating fluid design systems.

Scintilla Blocks vs Fluid Space Forge