/**
 * Size classes set from the Width and Height options in the Dimensions panel
 * (see assets/js/size-controls.js). The class names are kept from Additional
 * CSS so existing blocks keep working.
 */

/* stylelint-disable selector-class-pattern -- names saved in existing content. */

/* Fill the height of the parent, such as a card in a column. */
.h-100 {
	height: 100%;
}

/* Fill the width of the parent, even inside a centred Stack. */
.w-100 {
	/* Beats the flex child sizing core sets inline. */
	/* stylelint-disable-next-line declaration-no-important */
	width: 100% !important;
}

/* Shrink to the width of the content. */
.fit-content {
	width: fit-content;
}