[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
This commit is contained in:
Volker E 2021-03-24 14:03:25 -07:00
parent 88dcdab6db
commit e5b652852e
3 changed files with 6 additions and 6 deletions

View file

@ -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( {

View file

@ -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;

View file

@ -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;
}
}