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

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

- Page: https://pluginprobe.com/plugins/ghostkit/2.25.0/code/gutenberg/blocks/grid/styles/variables.scss
- Raw: https://pluginprobe.com/plugins/ghostkit/2.25.0/raw/gutenberg/blocks/grid/styles/variables.scss
- Modified: 2022-09-24T20:30:16+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/2.25.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;
}

```