# ghostkit/3.3.3/gutenberg/_css-variables.scss

Block Animations, Motion & Scroll Effects – Ghost Kit, version 3.3.3. 25 lines.

- Page: https://pluginprobe.com/plugins/ghostkit/3.3.3/code/gutenberg/_css-variables.scss
- Raw: https://pluginprobe.com/plugins/ghostkit/3.3.3/raw/gutenberg/_css-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.3.3/code/gutenberg/_css-variables.scss#L10-L20`.

```scss
/**
 * Global CSS Variables
 */
:root {
	// Main colors.
	--gkt-color-brand: #{$color-brand};
	--gkt-color-dark-gray: #{$color-dark-gray};
	--gkt-color-light-gray: #{$color-light-gray};
	--gkt-color-light-gray-darken: #{$color-light-gray-darken};

	// Additional colors.
	--gkt-color-primary: #{$color-primary};
	--gkt-color-success: #{$color-success};
	--gkt-color-danger: #{$color-danger};
	--gkt-color-warning: #{$color-warning};
	--gkt-color-info: #{$color-info};

	// Radius.
	--gkt-border-radius: 5px;

	// Transitions.
	--gkt-transition-duration: 0.2s;
	--gkt-transition-easing: ease-in-out;
}

```