/*
 * The standalone icon block's wrapper.
 *
 * Only the wrapper: what is inside comes from whichever source the author picked
 * and is styled by that source's own sheet (assets/symbol/symbol.css or
 * assets/svg/svg.css). This file therefore has to work for both, and says nothing
 * about the icon itself.
 */

/*
 * Block-level, and that is load-bearing rather than tidy. A constrained layout
 * centres its children with `margin-inline: auto`, and auto margins do NOTHING on
 * an inline-block — which is how the gauge once ended up pinned to the left edge of
 * an `alignfull` content area while every paragraph sat 200px further in
 * (docs/core/gauge.md → Gotchas).
 */
.mf-icon-block {
	display: block;
}

/*
 * Placement is `text-align` on a block-level wrapper, not WordPress' `align`
 * support: `alignleft` and friends mean float and clearance on a block theme, while
 * a lone icon only ever wants to sit at one end of its own line. Same decision as
 * the symbol block's.
 */
.mf-icon-block--left {
	text-align: left;
}

.mf-icon-block--center {
	text-align: center;
}

.mf-icon-block--right {
	text-align: right;
}