# ghostkit/3.4.1/gutenberg/blocks/google-maps/styles/style.scss

Block Animations, Motion & Scroll Effects – Ghost Kit, version 3.4.1. 32 lines.

- Page: https://pluginprobe.com/plugins/ghostkit/3.4.1/code/gutenberg/blocks/google-maps/styles/style.scss
- Raw: https://pluginprobe.com/plugins/ghostkit/3.4.1/raw/gutenberg/blocks/google-maps/styles/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.4.1/code/gutenberg/blocks/google-maps/styles/style.scss#L10-L20`.

```scss
/**
 * Frontend Styles
 */
@import "./variables";

/* Fullheight */
.ghostkit-google-maps-fullheight {
	height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
}

.ghostkit-google-maps {
	position: relative;
	background-color: var(--gkt-google-maps__background-color);

	&::before,
	> svg {
		position: absolute;
		top: 50%;
		left: 50%;
		opacity: var(--gkt-google-maps--placeholder-icon__opacity);
		transform: translateX(-50%) translateY(-50%);
	}

	&::before {
		display: block;
		width: var(--gkt-google-maps--placeholder-icon__width);
		height: var(--gkt-google-maps--placeholder-icon__height);
		content: "";
		background-image: var(--gkt-google-maps--placeholder-icon__background-image);
	}
}

```