# ghostkit/3.4.1/gutenberg/blocks/image-compare/styles/editor.scss

Block Animations, Motion & Scroll Effects – Ghost Kit, version 3.4.1. 23 lines.

- Page: https://pluginprobe.com/plugins/ghostkit/3.4.1/code/gutenberg/blocks/image-compare/styles/editor.scss
- Raw: https://pluginprobe.com/plugins/ghostkit/3.4.1/raw/gutenberg/blocks/image-compare/styles/editor.scss
- Modified: 2024-02-18T18:40:24+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ghostkit/3.4.1/code/gutenberg/blocks/image-compare/styles/editor.scss#L10-L20`.

```scss
/**
 * Editor Variables
 */
@import "./variables";
@import "./style";

.ghostkit-image-compare-placeholder .components-placeholder__fieldset {
	display: flex;
	flex-wrap: wrap;

	> .components-placeholder {
		flex: 1;
		box-shadow: none;
	}
}

// Disable transitions.
.ghostkit-image-compare-image-before,
.ghostkit-image-compare-image-after,
.ghostkit-image-compare-images-divider {
	transition-duration: 0s;
}

```