{"id":160673,"date":"2022-08-09T10:00:20","date_gmt":"2022-08-09T10:00:20","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/yours59-responsive-spacings-for-core-blocks\/"},"modified":"2022-08-18T11:45:22","modified_gmt":"2022-08-18T11:45:22","slug":"yours59-responsive-spacings-for-core-blocks","status":"publish","type":"plugin","link":"https:\/\/kn.wordpress.org\/plugins\/yours59-responsive-spacings-for-core-blocks\/","author":15194584,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.2","stable_tag":"1.0.2","tested":"6.0.11","requires":"5.0.0","requires_php":"7.4","requires_plugins":"","header_name":"Yours59 Responsive Spacings for core blocks","header_author":"larslo","header_description":"Plugin provides an Panel for Gutenberg Inspector which allows you to fine-tune spacings for Core-Blocks.","assets_banners_color":"c1c1c1","last_updated":"2022-08-18 11:45:22","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/larsloQ\/yours59_spacings_for_core_blocks","header_author_uri":"https:\/\/larslo.de","rating":0,"author_block_rating":0,"active_installs":0,"downloads":787,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq"],"tags":{"1.0.2":{"tag":"1.0.2","author":"larslo","date":"2022-08-18 11:45:22"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":2768298,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":2768298,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":2768298,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.2"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2768298,"resolution":"1","location":"assets","locale":""}},"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[148857,4121,148076,152129,212817],"plugin_category":[],"plugin_contributors":[212818],"plugin_business_model":[],"class_list":["post-160673","plugin","type-plugin","status-publish","hentry","plugin_tags-block-editor","plugin_tags-blocks","plugin_tags-gutenberg","plugin_tags-gutenberg-blocks","plugin_tags-spacings","plugin_contributors-larslo","plugin_committers-larslo"],"banners":{"banner":"https:\/\/ps.w.org\/yours59-responsive-spacings-for-core-blocks\/assets\/banner-772x250.png?rev=2768298","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/yours59-responsive-spacings-for-core-blocks\/assets\/icon-128x128.png?rev=2768298","icon_2x":"https:\/\/ps.w.org\/yours59-responsive-spacings-for-core-blocks\/assets\/icon-256x256.png?rev=2768298","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/yours59-responsive-spacings-for-core-blocks\/assets\/screenshot-1.png?rev=2768298","caption":""}],"raw_content":"\n

The wordPress standard Gutenberg Sidebar \\\"Dimensions\\\" panel, does not give good control over spacings, since it only allows us to set \\'fixed\\' spacings (with units \\\"%\\\",\\\"rem\\\",\\\"vh\\\",\\\"vw\\\",\\\"px\\\",\\\"em\\\"). Additionally I wanted to have options to change the spacings for different screen size and have negative values possible ( e.g. removing a block-gap (--wp--style--block-gap<\/code>) in certain scenarios).\nTherefor I made this little plugin: I wanted to map the spacing set in editor to my CSS Custom Property (CSSCP) (--size<\/code>). \nHope this might be helpful for some others out there.<\/p>\n\n\n

    \n
  1. Upload the plugin files to the \/wp-content\/plugins\/yours59-spacings-for-core-blocks<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n
  2. Activate the plugin via the \\'Plugins\\' screen in WordPress<\/li>\n
  3. You should see a panel in gutenberg inspector named \\\"Custom Spacings\\\"<\/li>\n<\/ol>\n\n\n

    Margins are not shown in editor?\nMargins will not be shown perfectly in editor. But in frontend they are supposed to work.<\/p>\n\n

    I get \\\"This block contains unexpected or invalid content.\\\"<\/em>. What can I do ?\nBe aware that installing this plugin, playing around with it and then uninstall it, will show \n\\\"This block contains unexpected or invalid content.\\\"<\/em> on the blocks you changed. \nNo worries: Pressing Attempt Block Recovery<\/em> will work. \nThere is no manipulation of existing classes or attributes. \nPlugin only injects some inline styles.<\/p>","raw_excerpt":"Plugin provides an Panel for Gutenberg Inspector which allows you to set responsive spacing (margin, padding) for all core blocks.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/kn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/160673","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/kn.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/kn.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=160673"}],"author":[{"embeddable":true,"href":"https:\/\/kn.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/larslo"}],"wp:attachment":[{"href":"https:\/\/kn.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=160673"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/kn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=160673"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/kn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=160673"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/kn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=160673"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/kn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=160673"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/kn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=160673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}