/**
 * The following styles get applied inside the editor only.
 *
 * Replace them with your own styles or remove the file completely.
 */

.wp-block-animatikon-scrollslider {
	border: 1px dotted #f00;
	min-height: 50px;
	overflow-x: scroll;

	.container {

		&.has-vertical-align-top {
			.block-editor-block-list__layout {
				align-items: flex-start;
			}
		}
		&.has-vertical-align-middle {
			.block-editor-block-list__layout {
				align-items: center;
			}
		}
		&.has-vertical-align-bottom {
			.block-editor-block-list__layout {
				align-items: flex-end;
			}
		}

		.block-editor-block-list__layout {
			display: flex;
			flex-direction: row;
		}
		
	}
}

// Disable filling of SVGs in the toolbar
.block-editor-block-toolbar .components-button svg {
	&.no-fill {
		fill: none;
	}
}
// Disable filling of SVGs in the Inspector
.block-editor-block-inspector .components-button svg {
	&.no-fill {
		fill: none;
		stroke: currentColor;
	}
}


// .block-editor-inner-blocks,
// .block-editor-block-list__layout {
// 	display: contents; // 🔑 wrapper „znika” i nie psuje flexa
// }