# ghostkit/3.7.0/gutenberg/blocks/grid/styles/variables.scss

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

- Page: https://pluginprobe.com/plugins/ghostkit/3.7.0/code/gutenberg/blocks/grid/styles/variables.scss
- Raw: https://pluginprobe.com/plugins/ghostkit/3.7.0/raw/gutenberg/blocks/grid/styles/variables.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/gutenberg/blocks/grid/styles/variables.scss#L10-L20`.

```scss
/**
 * Block Variables
 */
@import "../../../variables";

.ghostkit-grid {
	--gkt-grid__gap: 15px;
	--gkt-grid__gap-vertical: var(--gkt-grid__gap);
	--gkt-grid__justify-content: flex-start;

	// Column.
	--gkt-grid--column__align-self: flex-start;
	--gkt-grid--column__size: 100%;
	--gkt-grid--column__size-with-gap: calc(var(--gkt-grid--column__size) - var(--gkt-grid__gap));
	--gkt-grid--column__order: initial;
	--gkt-grid--column__flex: 0 0 var(--gkt-grid--column__size-with-gap);
	--gkt-grid--column__width: var(--gkt-grid--column__size-with-gap);
	--gkt-grid--column__max-width: var(--gkt-grid--column__size-with-gap);

	// Columns Sticky.
	--gkt-grid--column-sticky__offset: 0;
}

```