Feature/plumbing Styles Block#34
Closed
jasperf wants to merge 3 commits into
Closed
Conversation
CSS-only block that loads all plumbing vertical utility classes (hero diagonal separator, stat blocks, section labels, header helpers, emergency pulse animation, etc.) via a block asset stylesheet rather than the wp_global_styles database snapshot. This avoids the persistent issue where the style variation's "css" key in plumbing.json gets frozen in the wp_global_styles custom post at the time of the last Site Editor save, causing subsequent file-level CSS edits to be silently ignored until a manual Site Editor re-save is performed on every sub-site. Block outputs a hidden <span> on the frontend to guarantee style-index.css is enqueued; shows a labeled indicator chip in the editor. supports.multiple = false prevents duplicates.
✅ WordPress Plugin Check Report
📊 ReportAll checks passed! No errors or warnings found. 🤖 Generated by WordPress Plugin Check Action • Learn more about Plugin Check |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This PR introduces a new
elayne/plumbing-stylesutility block, adding plumbing-specific styling capabilities to the Elayne Blocks plugin. The implementation includes a complete block package with build assets, source files, and administrative integration, enabling users to apply plumbing-related styles within the WordPress block editor. The changes expand the plugin's utility block offerings and ensure proper registration and management through the admin settings interface. All assets are compiled and committed for immediate distribution, following the project's established build conventions.Block Implementation and Architecture:
plumbing-stylesblock package with full source and build structure, includingblock.json, JavaScript/SCSS source files, and compiled assets (CSS/JS)edit.js,editor.scss) and frontend (save.js,style.scss) components for the utility blockindex-rtl.css,style-index-rtl.css) to support bidirectional text layoutspackage.jsonfor block-specific dependencies and build configuration, adhering to WordPress block development standardsAdministrative Integration:
elayne-blocks.phpto register the newelayne/plumbing-stylesblock for auto-discovery at runtimeincludes/admin/settings-page.phpto include the plumbing-styles block in the admin settings panel for user configurationBuild and Distribution Assets:
build/) including minified JavaScript, CSS, and asset metadata (index.asset.php)src/) and compiled outputs (build/) for development clarityFiles Changed:
elayne-blocks.php(Modified)includes/admin/settings-page.php(Modified)blocks/plumbing-styles/build/block.json(Added)blocks/plumbing-styles/build/index-rtl.css(Added)blocks/plumbing-styles/build/index.asset.php(Added)blocks/plumbing-styles/build/index.css(Added)blocks/plumbing-styles/build/index.js(Added)blocks/plumbing-styles/build/style-index-rtl.css(Added)blocks/plumbing-styles/build/style-index.css(Added)blocks/plumbing-styles/package.json(Added)blocks/plumbing-styles/src/block.json(Added)blocks/plumbing-styles/src/edit.js(Added)blocks/plumbing-styles/src/editor.scss(Added)blocks/plumbing-styles/src/index.js(Added)blocks/plumbing-styles/src/save.js(Added)blocks/plumbing-styles/src/style.scss(Added)