From e5b652852e7efdadd83ce5edd0a955b9f16aeda6 Mon Sep 17 00:00:00 2001
From: Volker E <volker.e@wikimedia.org>
Date: Wed, 24 Mar 2021 14:03:25 -0700
Subject: [PATCH] [styles] Remove deprecated `.box-shadow()` mixin calls and
 cleanup vars

Removing calls to deprecated `.box-shadow()` as basic browser support
is now given unprefixed. In the course we also replace deprecated
vars with already available ones since MW v1.35 following unified
name scheme on both, box shadow and border ones.

Change-Id: Iae353c934c0995c0b6b2635761352685eb91accb
---
 resources/skins.vector.styles/SearchBox.less       | 6 +++---
 resources/skins.vector.styles/SearchBoxLoader.less | 2 +-
 resources/skins.vector.styles/Sidebar.less         | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/resources/skins.vector.styles/SearchBox.less b/resources/skins.vector.styles/SearchBox.less
index 988d3e2b8..f90646c49 100644
--- a/resources/skins.vector.styles/SearchBox.less
+++ b/resources/skins.vector.styles/SearchBox.less
@@ -26,7 +26,7 @@
 	border-radius: @border-radius-base;
 	// `padding-right` equals to `#searchbutton` width below.
 	padding: 5px @width-search-button 5px 0.4em;
-	.box-shadow( @boxShadowWidget );
+	box-shadow: @box-shadow-base;
 	// Match WVUI.
 	font-family: inherit;
 	font-size: @font-size-search-input;
@@ -46,8 +46,8 @@
 	&:focus,
 	#simpleSearch:hover &:focus {
 		outline: 0;
-		border-color: @colorProgressive;
-		.box-shadow( @boxShadowProgressiveFocus );
+		border-color: @border-color-base--focus;
+		box-shadow: @box-shadow-base--focus;
 	}
 
 	.mixin-placeholder( {
diff --git a/resources/skins.vector.styles/SearchBoxLoader.less b/resources/skins.vector.styles/SearchBoxLoader.less
index b9153d220..737953963 100644
--- a/resources/skins.vector.styles/SearchBoxLoader.less
+++ b/resources/skins.vector.styles/SearchBoxLoader.less
@@ -34,7 +34,7 @@
 	color: @color-base--disabled;
 	font-size: @font-size-notification;
 	padding: 0.4em;
-	.box-shadow( @boxShadowWidget );
+	box-shadow: @box-shadow-base;
 	//
 	// Hide text in case it extends beyond the input.
 	overflow: hidden;
diff --git a/resources/skins.vector.styles/Sidebar.less b/resources/skins.vector.styles/Sidebar.less
index b9dd9faa5..0e85a63ea 100644
--- a/resources/skins.vector.styles/Sidebar.less
+++ b/resources/skins.vector.styles/Sidebar.less
@@ -53,9 +53,9 @@
 
 	&:focus {
 		// Next three rules from OOUI, frameless, icon-only button widget.
+		border-color: @border-color-base--focus;
 		outline: 0;
-		border-color: @color-primary;
-		.box-shadow( inset 0 0 0 1px @color-primary );
+		box-shadow: @box-shadow-base--focus;
 	}
 }