Skip to content

Commit 1a0a670

Browse files
authored
fix: use margin for the alignment of native image block (#3612)
1 parent 64071f7 commit 1a0a670

File tree

1 file changed

+16
-0
lines changed

1 file changed

+16
-0
lines changed

src/block/column/editor.scss

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -54,3 +54,19 @@
5454
.wp-block-stackable-column {
5555
min-width: 0;
5656
}
57+
58+
/**
59+
* Add support for native image block alignment inside inner column
60+
* using margin, since it uses display: block in the editor.
61+
*
62+
* @see https://github.com/gambitph/Stackable/issues/3610
63+
*/
64+
.wp-block-stackable-column .wp-block-image {
65+
.components-resizable-box__container {
66+
&,
67+
img {
68+
margin-left: var(--stk-alignment-margin-left, auto);
69+
margin-right: var(--stk-alignment-margin-right, auto);
70+
}
71+
}
72+
}

0 commit comments

Comments
 (0)