.has-columns {

	> .block-editor-inner-blocks {
		width: 100%;
	}

	> .block-editor-inner-blocks > .block-editor-block-list__layout {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	> .block-editor-inner-blocks > .block-editor-block-list__layout > [class^="wp-block-coblocks-"] {
		margin: 0;
	}

	&.has-2-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [class^="wp-block-coblocks-"],
	&.has-3-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [class^="wp-block-coblocks-"],
	&.has-4-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [class^="wp-block-coblocks-"] {
		@include break-small() {
			flex-basis: 50%;
		}
	}

	&.has-3-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [class^="wp-block-coblocks-"],
	&.has-4-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [class^="wp-block-coblocks-"] {
		@include break-medium() {
			flex-basis: 33.33%;
		}
	}

	&.has-4-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [class^="wp-block-coblocks-"] {
		@include break-large-max() {
			flex-basis: 50%;
		}
		@include break-wide() {
			flex-basis: 25%;
		}
	}
}

// Fullwidth alignment
[data-align="full"] > .block-editor-block-list__block-edit [data-block] > div > .columns {
	padding-left: var(--coblocks-spacing--2, map-get($spacing, 2));
	padding-right: var(--coblocks-spacing--2, map-get($spacing, 2));

	@media (min-width: 480px) {
		padding-left: var(--coblocks-spacing--4, map-get($spacing, 4));
		padding-right: var(--coblocks-spacing--4, map-get($spacing, 4));
	}
}
