# ghostkit/3.7.2/gutenberg/components/range-control/editor.scss

Block Animations, Motion & Scroll Effects – Ghost Kit, version 3.7.2. 31 lines.

- Page: https://pluginprobe.com/plugins/ghostkit/3.7.2/code/gutenberg/components/range-control/editor.scss
- Raw: https://pluginprobe.com/plugins/ghostkit/3.7.2/raw/gutenberg/components/range-control/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.7.2/code/gutenberg/components/range-control/editor.scss#L10-L20`.

```scss
/**
 * Control Range Component CSS
 */
.ghostkit-component-range-control {
	> .components-base-control__field,
	> .components-base-control__field > .components-base-control,
	> .components-base-control__field > .components-base-control > .components-base-control__field {
		margin-bottom: 0;
	}

	> .components-base-control__field {
		display: flex;
		flex-wrap: wrap;
		align-items: center;

		> .components-base-control__label {
			flex: 100%;
			width: 100%;
		}

		> .components-range-control {
			flex: 1;
			margin-right: 10px;
		}

		.components-text-control__input {
			width: 64px;
		}
	}
}

```