22

✏️ Editing: coming-soon-entire-site-deprecated.scss

/**
 * Styles for the deprecated version of the coming soon block for
 * coming soon template created before WooCommerce 9.8.0.
 */
body:has(.woocommerce-coming-soon-entire-site) {
	margin: 0;
	background-color: var(--woocommerce-coming-soon-color);
	// This is default font family when no font family is selected. Users can override this in the block settings.
	font-family:
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		Roboto,
		Oxygen-Sans,
		Ubuntu,
		Cantarell,
		"Helvetica Neue",
		sans-serif;
	min-width: 320px;
	--wp--preset--color--contrast: #111;
	--wp--style--global--wide-size: 1280px;

/* Reset */
	h1,
	p,
	a {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: baseline;
	}

ol,
	ul {
		list-style: none;
	}

.is-layout-constrained > .alignwide {
		margin: 0 auto;
	}

.woocommerce-coming-soon-banner.alignwide {
		max-width: 820px;
	}

.wp-container-core-group-is-layout-4 {
		&.wp-container-core-group-is-layout-4 {
			justify-content: space-between;
		}
	}

.is-layout-flex {
		display: flex;
		flex-wrap: wrap;
		margin: 0;
	}

.wp-block-social-links {
		gap: 0.5em 18px;
	}

.wp-block-spacer {
		margin: 0;
	}

.woocommerce-coming-soon-banner-container {
		padding-inline: min(5.5rem, 8vw);
		margin: 0;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;

@media (max-width: 660px) {
			padding-inline: 0;
		}

> .wp-block-group__inner-container {
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
	}

.coming-soon-is-vertically-aligned-center {
		width: 100%;
		align-items: stretch;
	}

.coming-soon-cover {
		.wp-block-cover__background {
			background-color: var(--woocommerce-coming-soon-color) !important;
		}
	}

h1.wp-block-heading.woocommerce-coming-soon-banner {
		font-size: clamp(27px, 1.74rem + ((1vw - 3px) * 2), 48px);
		font-weight: 400;
		line-height: 58px;
		font-family: Cardo, serif;
		letter-spacing: normal;
		text-align: center;
		font-style: normal;
		max-width: 820px;
		color: var(--wp--preset--color--contrast);
		margin: 0 auto;
		text-wrap: balance;
	}

.wp-block-loginout {
		background-color: #000;
		border-radius: 6px;
		display: flex;
		height: 40px;
		width: 74px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		box-sizing: border-box;
	}
	.wp-block-loginout a {
		color: #fff;
		text-decoration: none;
		line-height: 17px;
		font-size: 14px;
		font-weight: 500;
	}
}

.woocommerce-coming-soon-entire-site .wp-block-loginout a {
	text-decoration: none;
}
/* End of styles for the deprecated version of the coming soon block */

MR SKB