From a0c5fa9d754bd7772d86c1dbecaea52e3fffb71c Mon Sep 17 00:00:00 2001
From: Lourens Schep <lourensschep@gmail.com>
Date: Wed, 4 Dec 2024 15:38:26 +0100
Subject: [PATCH] Fix formatting issues

---
 packages/base-styles/_mixins.scss | 43 ++++++++++++-------------------
 1 file changed, 16 insertions(+), 27 deletions(-)

diff --git a/packages/base-styles/_mixins.scss b/packages/base-styles/_mixins.scss
index b21e1650f7a7b..e2f953e578781 100644
--- a/packages/base-styles/_mixins.scss
+++ b/packages/base-styles/_mixins.scss
@@ -18,7 +18,7 @@
 @mixin heading-small() {
 	@include _text-heading();
 	font-size: $font-size-x-small;
-	line-height: $font-line-height--x-small;
+	line-height: $font-line-height-x-small;
 }
 
 @mixin heading-medium() {
@@ -178,8 +178,7 @@
  */
 
 @mixin editor-left($selector) {
-	#{$selector} {
-		/* Set left position when auto-fold is not on the body element. */
+	#{$selector} { /* Set left position when auto-fold is not on the body element. */
 		left: 0;
 
 		@media (min-width: #{ ($break-medium + 1) }) {
@@ -187,9 +186,7 @@
 		}
 	}
 
-	.auto-fold #{$selector} {
-
-		/* Auto fold is when on smaller breakpoints, nav menu auto collapses. */
+	.auto-fold #{$selector} { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */
 		@media (min-width: #{ ($break-medium + 1) }) {
 			left: $admin-sidebar-width-collapsed;
 		}
@@ -239,12 +236,12 @@
 
 @mixin reduce-motion($property: "") {
 
-	@if $property =="transition" {
+	@if $property == "transition" {
 		@media (prefers-reduced-motion: reduce) {
 			transition-duration: 0s;
 			transition-delay: 0s;
 		}
-	} @else if $property =="animation" {
+	} @else if $property == "animation" {
 		@media (prefers-reduced-motion: reduce) {
 			animation-duration: 1ms;
 			animation-delay: 0s;
@@ -268,7 +265,6 @@
 	font-size: $mobile-text-min-font-size;
 	/* Override core line-height. To be reviewed. */
 	line-height: normal;
-
 	@include break-small {
 		font-size: $default-font-size;
 		/* Override core line-height. To be reviewed. */
@@ -451,7 +447,6 @@
 
 	// Fonts smaller than 16px causes mobile safari to zoom.
 	font-size: $mobile-text-min-font-size !important;
-
 	@include break-small {
 		font-size: $default-font-size !important;
 	}
@@ -469,7 +464,7 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 
-@mixin wp-admin-reset($content-container ) {
+@mixin wp-admin-reset( $content-container ) {
 	background: $white;
 
 	#wpcontent {
@@ -520,8 +515,7 @@
 	// Focus style width.
 	// Avoid rounding issues by showing a whole 2px for 1x screens, and 1.5px on high resolution screens.
 	--wp-admin-border-width-focus: 2px;
-
-	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+	@media ( -webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
 		--wp-admin-border-width-focus: 1.5px;
 	}
 }
@@ -588,33 +582,32 @@
 
 	/* stylelint-disable @stylistic/function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
 	.has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
-		background: linear-gradient(135deg, rgba(0, 208, 132, 1) 0%, rgba(6, 147, 227, 1) 100%);
+		background: linear-gradient(135deg,rgba(0,208,132,1) 0%,rgba(6,147,227,1) 100%);
 	}
 
 	.has-purple-crush-gradient-background {
-		background: linear-gradient(135deg, rgb(52, 226, 228) 0%, rgb(71, 33, 251) 50%, rgb(171, 29, 254) 100%);
+		background: linear-gradient(135deg,rgb(52,226,228) 0%,rgb(71,33,251) 50%,rgb(171,29,254) 100%);
 	}
 
 	.has-hazy-dawn-gradient-background {
-		background: linear-gradient(135deg, rgb(250, 172, 168) 0%, rgb(218, 208, 236) 100%);
+		background: linear-gradient(135deg,rgb(250,172,168) 0%,rgb(218,208,236) 100%);
 	}
 
 	.has-subdued-olive-gradient-background {
-		background: linear-gradient(135deg, rgb(250, 250, 225) 0%, rgb(103, 166, 113) 100%);
+		background: linear-gradient(135deg,rgb(250,250,225) 0%,rgb(103,166,113) 100%);
 	}
 
 	.has-atomic-cream-gradient-background {
-		background: linear-gradient(135deg, rgb(253, 215, 154) 0%, rgb(0, 74, 89) 100%);
+		background: linear-gradient(135deg,rgb(253,215,154) 0%,rgb(0,74,89) 100%);
 	}
 
 	.has-nightshade-gradient-background {
-		background: linear-gradient(135deg, rgb(51, 9, 104) 0%, rgb(49, 205, 207) 100%);
+		background: linear-gradient(135deg,rgb(51,9,104) 0%,rgb(49,205,207) 100%);
 	}
 
 	.has-midnight-gradient-background {
-		background: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
+		background: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
 	}
-
 	/* stylelint-enable @stylistic/function-comma-space-after */
 }
 
@@ -625,20 +618,16 @@
 		width: 12px;
 		height: 12px;
 	}
-
 	&::-webkit-scrollbar-track {
 		background-color: transparent;
 	}
-
 	&::-webkit-scrollbar-thumb {
 		background-color: $handle-color;
 		border-radius: 8px;
 		border: 3px solid transparent;
 		background-clip: padding-box;
 	}
-
-	&:hover::-webkit-scrollbar-thumb,
-	// This needs specificity.
+	&:hover::-webkit-scrollbar-thumb, // This needs specificity.
 	&:focus::-webkit-scrollbar-thumb,
 	&:focus-within::-webkit-scrollbar-thumb {
 		background-color: $handle-color-hover;
@@ -670,7 +659,7 @@
 	outline-color: var(--wp-admin-theme-color);
 	outline-style: solid;
 	outline-width: calc(#{$widthRatio} * (var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));
-	outline-offset: calc(#{$widthRatio} * ((-1 * var(--wp-admin-border-width-focus)) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));
+	outline-offset: calc(#{$widthRatio} * ((-1 * var(--wp-admin-border-width-focus) ) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));
 }
 
 @mixin selected-block-focus($widthRatio: 1) {