From 17ce855ebbaede42b53505cbc7f677b0712430fb Mon Sep 17 00:00:00 2001
From: Vinny Listrani <vinny@tri.be>
Date: Tue, 7 May 2024 10:25:48 -0500
Subject: [PATCH] [MOOSE-80]: clean up CSS.

---
 .../blocks/outermost/socialsharing/style.pcss | 46 ++++++++++---------
 1 file changed, 24 insertions(+), 22 deletions(-)

diff --git a/wp-content/themes/core/blocks/outermost/socialsharing/style.pcss b/wp-content/themes/core/blocks/outermost/socialsharing/style.pcss
index 7c9cd1d8..efaf3e70 100644
--- a/wp-content/themes/core/blocks/outermost/socialsharing/style.pcss
+++ b/wp-content/themes/core/blocks/outermost/socialsharing/style.pcss
@@ -12,32 +12,34 @@ body {
 	--ssb-button-border-size: 1px;
 }
 
-.wp-block-outermost-social-sharing,
-.editor-styles-wrapper .block-editor-block-list__layout.is-root-container .wp-block-outermost-social-sharing {
+.wp-block-outermost-social-sharing {
 	background: transparent;
 	transition: var(--transition);
-}
 
-.wp-block-outermost-social-sharing:not(.is-style-logos-only) .outermost-social-sharing-link {
-	background-color: var(--ssb-button-background-color);
-	color: var(--ssb-button-color);
-	fill: var(--ssb-button-color);
-	border: var(--ssb-button-border-size) solid var(--ssb-button-border-color);
+	&:not(.is-style-logos-only) {
 
-	&:hover,
-	&:focus {
-		background-color: var(--ssb-button-background-hover-color);
-		color: var(--ssb-button-hover-color);
-		fill: var(--ssb-button-hover-color);
-		border: var(--ssb-button-border-size) solid var(--ssb-button-border-hover-color);
-	}
+		.outermost-social-sharing-link {
+			background-color: var(--ssb-button-background-color);
+			color: var(--ssb-button-color);
+			fill: var(--ssb-button-color);
+			border: var(--ssb-button-border-size) solid var(--ssb-button-border-color);
+
+			&:hover,
+			&:focus {
+				background-color: var(--ssb-button-background-hover-color);
+				color: var(--ssb-button-hover-color);
+				fill: var(--ssb-button-hover-color);
+				border: var(--ssb-button-border-size) solid var(--ssb-button-border-hover-color);
+			}
 
-	a:focus-visible {
-		outline: none;
-		outline-offset: 0;
-		background-color: var(--ssb-button-background-hover-color);
-		color: var(--ssb-button-hover-color);
-		fill: var(--ssb-button-hover-color);
-		border-radius: 9999px; /* Value provided by their base CSS for the plugin */
+			a:focus-visible {
+				outline: none;
+				outline-offset: 0;
+				background-color: var(--ssb-button-background-hover-color);
+				color: var(--ssb-button-hover-color);
+				fill: var(--ssb-button-hover-color);
+				border-radius: 9999px; /* Value provided by their base CSS for the plugin */
+			}
+		}
 	}
 }