rename the marketing bar variable to wpcom-marketing-bar

seedlet/assets/css/style-editor.css

@@ -182,7 +182,7 @@
 	--social-nav--color-link: var(--global--color-foreground);
 	--social-nav--color-link-hover: var(--global--color-primary-hover);
 	--social-nav--padding: calc( 0.5 * var(--primary-nav--padding) );
-	--marketing-bar--height: 45px;
+	--wpcom-marketing-bar--height: 45px;
 	--wpadmin-bar--height: 46px;
 	--entry-header--color: var(--global--color-primary);
 	--entry-header--color-link: currentColor;

seedlet/assets/css/style-navigation-rtl.css

@@ -38,12 +38,12 @@
 
 .has-marketing-bar.lock-scrolling .menu-button-container > .button,
 .has-marketing-bar:not(.primary-navigation-open) .menu-button-container {
-	top: var(--marketing-bar--height);
+	top: var(--wpcom-marketing-bar--height);
 }
 
 .admin-bar.has-marketing-bar.lock-scrolling .menu-button-container > .button,
 .admin-bar.has-marketing-bar:not(.primary-navigation-open) .menu-button-container {
-	top: calc(var(--wpadmin-bar--height) + var(--marketing-bar--height));
+	top: calc(var(--wpadmin-bar--height) + var(--wpcom-marketing-bar--height));
 }
 
 .menu-button-container .button,
@@ -73,7 +73,7 @@
 .has-marketing-bar .menu-button-container .button.close, .has-marketing-bar
 .primary-navigation .button.close, .has-marketing-bar
 .woo-navigation .button.close {
-	top: calc(-1 * var(--marketing-bar--height));
+	top: calc(-1 * var(--wpcom-marketing-bar--height));
 }
 
 .admin-bar .menu-button-container .button.close, .admin-bar
@@ -85,7 +85,7 @@
 .admin-bar.has-marketing-bar .menu-button-container .button.close, .admin-bar.has-marketing-bar
 .primary-navigation .button.close, .admin-bar.has-marketing-bar
 .woo-navigation .button.close {
-	top: calc(-1 * (var(--wpadmin-bar--height) + var(--marketing-bar--height)));
+	top: calc(-1 * (var(--wpadmin-bar--height) + var(--wpcom-marketing-bar--height)));
 }
 
 .menu-button-container .button#woo-open-menu,
@@ -220,7 +220,7 @@
 .woo-navigation,
 .has-marketing-bar
 .woo-navigation > div {
-	top: var(--marketing-bar--height);
+	top: var(--wpcom-marketing-bar--height);
 }
 
 .admin-bar .primary-navigation,
@@ -236,7 +236,7 @@
 .woo-navigation,
 .admin-bar.has-marketing-bar
 .woo-navigation > div {
-	top: calc(var(--wpadmin-bar--height) + var(--marketing-bar--height));
+	top: calc(var(--wpadmin-bar--height) + var(--wpcom-marketing-bar--height));
 }
 
 @media only screen and (min-width: 482px) {

seedlet/assets/css/style-navigation.css

@@ -38,12 +38,12 @@
 
 .has-marketing-bar.lock-scrolling .menu-button-container > .button,
 .has-marketing-bar:not(.primary-navigation-open) .menu-button-container {
-	top: var(--marketing-bar--height);
+	top: var(--wpcom-marketing-bar--height);
 }
 
 .admin-bar.has-marketing-bar.lock-scrolling .menu-button-container > .button,
 .admin-bar.has-marketing-bar:not(.primary-navigation-open) .menu-button-container {
-	top: calc(var(--wpadmin-bar--height) + var(--marketing-bar--height));
+	top: calc(var(--wpadmin-bar--height) + var(--wpcom-marketing-bar--height));
 }
 
 .menu-button-container .button,
@@ -73,7 +73,7 @@
 .has-marketing-bar .menu-button-container .button.close, .has-marketing-bar
 .primary-navigation .button.close, .has-marketing-bar
 .woo-navigation .button.close {
-	top: calc(-1 * var(--marketing-bar--height));
+	top: calc(-1 * var(--wpcom-marketing-bar--height));
 }
 
 .admin-bar .menu-button-container .button.close, .admin-bar
@@ -85,7 +85,7 @@
 .admin-bar.has-marketing-bar .menu-button-container .button.close, .admin-bar.has-marketing-bar
 .primary-navigation .button.close, .admin-bar.has-marketing-bar
 .woo-navigation .button.close {
-	top: calc(-1 * (var(--wpadmin-bar--height) + var(--marketing-bar--height)));
+	top: calc(-1 * (var(--wpadmin-bar--height) + var(--wpcom-marketing-bar--height)));
 }
 
 .menu-button-container .button#woo-open-menu,
@@ -220,7 +220,7 @@
 .woo-navigation,
 .has-marketing-bar
 .woo-navigation > div {
-	top: var(--marketing-bar--height);
+	top: var(--wpcom-marketing-bar--height);
 }
 
 .admin-bar .primary-navigation,
@@ -236,7 +236,7 @@
 .woo-navigation,
 .admin-bar.has-marketing-bar
 .woo-navigation > div {
-	top: calc(var(--wpadmin-bar--height) + var(--marketing-bar--height));
+	top: calc(var(--wpadmin-bar--height) + var(--wpcom-marketing-bar--height));
 }
 
 @media only screen and (min-width: 482px) {

seedlet/assets/sass/components/header/_config.scss

@@ -34,6 +34,6 @@
 	--social-nav--color-link-hover: var(--global--color-primary-hover);
 	--social-nav--padding: calc( 0.5 * var(--primary-nav--padding) );
 
-	--marketing-bar--height: 45px;
+	--wpcom-marketing-bar--height: 45px;
 	--wpadmin-bar--height: 46px;
 }

seedlet/assets/sass/components/navigation/_style.scss

@@ -36,11 +36,11 @@
 
 	.has-marketing-bar.lock-scrolling & > .button,
 	.has-marketing-bar:not(.primary-navigation-open) & {
-		top: var(--marketing-bar--height);
+		top: var(--wpcom-marketing-bar--height);
 	}
 	.admin-bar.has-marketing-bar.lock-scrolling & > .button,
 	.admin-bar.has-marketing-bar:not(.primary-navigation-open) & {
-		top: calc(var(--wpadmin-bar--height) + var(--marketing-bar--height));
+		top: calc(var(--wpadmin-bar--height) + var(--wpcom-marketing-bar--height));
 	}
 }
 
@@ -62,13 +62,13 @@
 			right: 0;
 			z-index: 501;
 			.has-marketing-bar & {
-				top: calc(-1 * var(--marketing-bar--height));
+				top: calc(-1 * var(--wpcom-marketing-bar--height));
 			}
 			.admin-bar & {
 				top: calc(-1 * var(--wpadmin-bar--height));
 			}
 			.admin-bar.has-marketing-bar & {
-				top: calc(-1 * (var(--wpadmin-bar--height) + var(--marketing-bar--height)));
+				top: calc(-1 * (var(--wpadmin-bar--height) + var(--wpcom-marketing-bar--height)));
 			}
 		}
 
@@ -185,7 +185,7 @@
 	// Adjust positions when logged-in
 	.has-marketing-bar &,
 	.has-marketing-bar & > div {
-		top: var(--marketing-bar--height);
+		top: var(--wpcom-marketing-bar--height);
 	}
 
 	.admin-bar &,
@@ -195,7 +195,7 @@
 
 	.admin-bar.has-marketing-bar &,
 	.admin-bar.has-marketing-bar & > div {
-		top: calc(var(--wpadmin-bar--height) + var(--marketing-bar--height));
+		top: calc(var(--wpadmin-bar--height) + var(--wpcom-marketing-bar--height));
 	}
 
 	@include media( $navigation-min-break-point ) {
@@ -439,4 +439,4 @@
 		position: fixed;
 		right: 0;
 	}
-}
+}

seedlet/style-rtl.css

@@ -247,7 +247,7 @@ Included in theme screenshot and in block patterns.
 	--social-nav--color-link: var(--global--color-foreground);
 	--social-nav--color-link-hover: var(--global--color-primary-hover);
 	--social-nav--padding: calc( 0.5 * var(--primary-nav--padding) );
-	--marketing-bar--height: 45px;
+	--wpcom-marketing-bar--height: 45px;
 	--wpadmin-bar--height: 46px;
 	--entry-header--color: var(--global--color-primary);
 	--entry-header--color-link: currentColor;

seedlet/style.css

@@ -247,7 +247,7 @@ Included in theme screenshot and in block patterns.
 	--social-nav--color-link: var(--global--color-foreground);
 	--social-nav--color-link-hover: var(--global--color-primary-hover);
 	--social-nav--padding: calc( 0.5 * var(--primary-nav--padding) );
-	--marketing-bar--height: 45px;
+	--wpcom-marketing-bar--height: 45px;
 	--wpadmin-bar--height: 46px;
 	--entry-header--color: var(--global--color-primary);
 	--entry-header--color-link: currentColor;