[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f3frE7kr1oZQ0HyK6r6ptDy20wvr5jaHzkY5nmxKEtUU":3},{"slug":4,"display_name":5,"profile_url":6,"plugin_count":7,"total_installs":8,"avg_security_score":9,"avg_patch_time_days":10,"trust_score":11,"computed_at":12,"plugins":13},"quantumpress","QuantumPress","https:\u002F\u002Fprofiles.wordpress.org\u002Fquantumpress\u002F",1,0,100,30,94,"2026-05-20T06:53:31.162Z",[14],{"slug":15,"name":16,"version":17,"author":5,"author_profile":6,"description":18,"short_description":19,"active_installs":8,"downloaded":20,"rating":8,"num_ratings":8,"last_updated":21,"tested_up_to":22,"requires_at_least":23,"requires_php":24,"tags":25,"homepage":31,"download_link":32,"security_score":9,"vuln_count":8,"unpatched_count":8,"last_vuln_date":33,"fetched_at":34},"quantum-viewports","Quantum Viewports","0.9.11","\u003Cp>\u003Cstrong>Quantum Viewports\u003C\u002Fstrong> extends the native Gutenberg blocks with responsive style controls without using extra blocks.\u003Cbr \u002F>\nUnlike other plugins that add custom blocks or duplicate components, Quantum Viewports integrates directly with the \u003Cstrong>standard block components\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Key Features:\u003C\u002Fstrong>\u003Cbr \u002F>\n– \u003Cstrong>Works with all Block Themes\u003C\u002Fstrong> out-of-the-box\u003Cbr \u002F>\n– Adds responsive controls (mobile, tablet, desktop) directly into block styles for \u003Cstrong>margin, padding, border, shadow, background, and custom properties\u003C\u002Fstrong>\u003Cbr \u002F>\n– Wraps all generated styles into \u003Cstrong>CSS classes\u003C\u002Fstrong> for clean frontend output\u003Cbr \u002F>\n– Built with a \u003Cstrong>mobile-first approach\u003C\u002Fstrong>: settings are applied to the appropriate viewport depending on which viewport is active while editing\u003Cbr \u002F>\n– Includes a \u003Cstrong>Keyframe-style UI\u003C\u002Fstrong> to preview, reset, or manage responsive styles per viewport\u003Cbr \u002F>\n– Includes a \u003Cstrong>developer-friendly API\u003C\u002Fstrong> (\u003Ccode>registerRenderer\u003C\u002Fcode>) to attach custom style components \u003Cem>(currently JavaScript only)\u003C\u002Fem>\u003C\u002Fp>\n\u003Ch4>Early Access – Feedback Welcome\u003C\u002Fh4>\n\u003Cp>Quantum Viewports is currently in \u003Cstrong>active Early Access\u003C\u002Fstrong>.\u003Cbr \u002F>\nThe responsive style engine already works well with many Block Themes, but we are still gathering \u003Cstrong>real-world feedback\u003C\u002Fstrong> to ensure \u003Cstrong>broader compatibility across different themes and editor configurations\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003Cp>If you encounter something unexpected. A great success story, a bug, or a theme setup that behaves differently, we would love to hear from you.\u003Cbr \u002F>\nEvery report helps us shape a reliable and truly native solution for responsive Block Styles in the WordPress ecosystem.\u003C\u002Fp>\n\u003Ch3>Getting Started\u003C\u002Fh3>\n\u003Ch4>Example: Adjusting paragraph spacing with mobile-first and breakpoints\u003C\u002Fh4>\n\u003Col>\n\u003Cli>\n\u003Cp>\u003Cstrong>Insert a Paragraph block\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Open the Block Editor and add a Paragraph block.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Mobile View (base, 0px)\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Select the Paragraph \u003Cspan aria-hidden=\"true\" class=\"wp-exclude-emoji\">→\u003C\u002Fspan> open \u003Cstrong>Styles panel \u003Cspan aria-hidden=\"true\" class=\"wp-exclude-emoji\">→\u003C\u002Fspan> Spacing \u003Cspan aria-hidden=\"true\" class=\"wp-exclude-emoji\">→\u003C\u002Fspan> Margin \u003Cspan aria-hidden=\"true\" class=\"wp-exclude-emoji\">→\u003C\u002Fspan> Bottom\u003C\u002Fstrong>.\u003C\u002Fli>\n\u003Cli>Set margin to \u003Cstrong>20px\u003C\u002Fstrong>.\u003C\u002Fli>\n\u003Cli>This applies from \u003Cstrong>0px up\u003C\u002Fstrong>, used as the baseline for all viewports.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Tablet View (override, min-width tablet)\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Switch to \u003Cstrong>Tablet viewport\u003C\u002Fstrong>.\u003C\u002Fli>\n\u003Cli>Change bottom margin to \u003Cstrong>40px\u003C\u002Fstrong>.\u003C\u002Fli>\n\u003Cli>This applies \u003Cstrong>from the tablet breakpoint upwards\u003C\u002Fstrong>, including Desktop.\u003C\u002Fli>\n\u003Cli>A \u003Cstrong>Keyframe marker\u003C\u002Fstrong> appears for Tablet.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Desktop View (optional, min-width only)\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Switch to Desktop viewport.\u003C\u002Fli>\n\u003Cli>To apply changes \u003Cstrong>only to Desktop\u003C\u002Fstrong>, toggle \u003Cstrong>“Edit on min-width”\u003C\u002Fstrong>.\u003C\u002Fli>\n\u003Cli>Set bottom margin to \u003Cstrong>60px\u003C\u002Fstrong>.\u003C\u002Fli>\n\u003Cli>Now a Media Query is generated for Desktop only.\u003C\u002Fli>\n\u003Cli>Tablet margin remains 40px, Mobile margin remains 20px.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Frontend Result\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Save and preview.\u003C\u002Fli>\n\u003Cli>Margins adapt: Mobile 20px, Tablet 40px, Desktop 60px.\u003C\u002Fli>\n\u003Cli>All styles are wrapped in CSS classes, mobile-first, optimized for any Block Theme.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch3>Feedback and Issues\u003C\u002Fh3>\n\u003Cp>GitHub Repository: https:\u002F\u002Fgithub.com\u002FQuantum-Press\u002FViewports\u003Cbr \u002F>\nContact: https:\u002F\u002Fquantum-press.com\u002Fen\u002Fcontact\u003C\u002Fp>\n","Extend your BlockTheme to make standard block styles responsive! ---",248,"2026-01-17T23:09:00.000Z","6.9.4","6.7","8.1",[26,27,28,29,30],"breakpoints","controls","mobile","responsive","viewports","","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fquantum-viewports.zip",null,"2026-04-16T10:56:18.058Z"]