Customizer Widgets: Fix inserter button size and animation (WordPress…

…#67880) Co-authored-by: t-hamano <[email protected]> Co-authored-by: tyxla <[email protected]> Co-authored-by: jameskoster <[email protected]>
MaxMood96 · Dec 13, 2024 · 6291232 · 6291232
1 parent 0b1a6b6
commit 6291232
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/packages/customize-widgets/src/components/header/style.scss b/packages/customize-widgets/src/components/header/style.scss
@@ -33,16 +33,25 @@
 		border-radius: $radius-small;
 		color: $white;
 		padding: 0;
-		min-width: $grid-unit-30;
-		height: $grid-unit-30;
+		min-width: $grid-unit-40;
+		height: $grid-unit-40;
 		margin: $grid-unit-15 0 $grid-unit-15 auto;
 
 		&::before {
 			content: none;
 		}
 
+		svg {
+			transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
+			@include reduce-motion("transition");
+		}
+
 		&.is-pressed {
 			background: $gray-900;
+
+			svg {
+				transform: rotate(45deg);
+			}
 		}
 	}