# ghostkit/3.7.0/settings/style.scss

Block Animations, Motion & Scroll Effects – Ghost Kit, version 3.7.0. 57 lines.

- Page: https://pluginprobe.com/plugins/ghostkit/3.7.0/code/settings/style.scss
- Raw: https://pluginprobe.com/plugins/ghostkit/3.7.0/raw/settings/style.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.0/code/settings/style.scss#L10-L20`.

```scss
/**
 * GhostKit Settings Styles.
 */
@import "../gutenberg/variables";

@import "./components/info";
@import "./containers/container";
@import "./pages/blocks";
@import "./pages/css-js";
@import "./pages/icons";
@import "./pages/typography";

/**
 * Admin Menu Icon
 */
body.toplevel_page_ghostkit {
	// prevent content jumping
	overflow-y: scroll;

	&,
	#wpcontent {
		background-color: $light-gray-100;
	}
}

.ghostkit-admin-page {
	padding: 35px;
	margin-left: -20px;

	.ghostkit-settings-content-wrapper {
		position: relative;
		max-width: 770px;
		padding: 25px;
		background-color: #fff;
		border-radius: 4px;
		box-shadow: 0 0 0 1px $light-gray-400;
		transition: 0.2s opacity;

		> .components-base-control:last-child,
		> .components-base-control:last-child > .components-base-control__field {
			margin-bottom: 0;
		}
	}

	// Inputs.
	.components-text-control__input {
		border-radius: 4px;
		box-shadow: 0 0 0 transparent;
		transition: box-shadow 0.1s linear;
	}

	&,
	* {
		box-sizing: border-box;
	}
}

```