Merge pull request #8773 from google/bug/8770-pax-style-conflict

Bug/8770 pax style conflict

assets/sass/components/ads/_googlesitekit-ads-pax-embedded-app.scss

@@ -0,0 +1,45 @@
+/**
+ * PAX Embedded App styles.
+ *
+ * Site Kit by Google, Copyright 2024 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.googlesitekit-plugin {
+
+	.googlesitekit-widget {
+
+		.googlesitekit-pax-embedded-app {
+			.card-content {
+				padding: 0;
+			}
+
+			.mdc-card.card {
+				border-radius: $br-sm;
+				box-shadow: none;
+				margin-top: 0;
+				max-width: unset;
+				padding: $grid-gap-phone;
+
+				@media (min-width: $bp-desktop) {
+					padding: $grid-gap-desktop;
+				}
+
+				.notification {
+					margin-top: 0;
+				}
+			}
+		}
+	}
+}

assets/sass/components/ads/_index.scss

@@ -18,3 +18,4 @@
 @import "googlesitekit-ads-setup-module";
 @import "googlesitekit-ads-settings";
 @import "googlesitekit-ads-setup-banner";
+@import "googlesitekit-ads-pax-embedded-app";