(with a URL) or , with the atomic style * system. Static markup; only the scoped CSS is rendered here. */ class Block extends AtomicBlockBase { protected $block_name = 'atomic-button'; /** * The Alignment control (block prop `boxAlign`, per breakpoint and state). * * The margins carry `!important` because WordPress's constrained layout * puts `margin-left/right: auto !important` on every child of the post * content; without it a top-level button could only ever sit centred * there. Emitted only for a bucket where the author chose an alignment. * Mirrors emitButtonProps() in atomic-button/edit.js. */ protected function extra_css( $base, $attributes ) { $styles = isset( $attributes['styles'] ) && is_array( $attributes['styles'] ) ? $attributes['styles'] : []; return AtomicBlockProps::rules( $styles, $base, function ( $props ) { $align = isset( $props['boxAlign'] ) ? (string) $props['boxAlign'] : ''; return [ '' => preg_replace( '/(margin-[a-z]+:[^;]+);/', '$1 !important;', AtomicBlockProps::align_css( $align ) ) ]; } ); } }