Remove `.background-size()` mixin usage

Removing deprecated LESS `.background-size()` mixin calls.
Also
- simplifying code, where second (height) value is automatically set
  to `auto` when only one value is set and
- removing stylelint rule.

Bug: T219956
Change-Id: I643c66b3067ba77726d76cbebf7550781e18aa5d
This commit is contained in:
Volker E 2019-04-02 19:16:46 -07:00
parent d13959b8b5
commit 681a752f29
5 changed files with 4 additions and 7 deletions

View File

@ -2,9 +2,6 @@
"extends": "stylelint-config-wikimedia", "extends": "stylelint-config-wikimedia",
"rules": { "rules": {
"declaration-no-important": null, "declaration-no-important": null,
"property-blacklist": [
"background-size"
],
"selector-list-comma-newline-after": null, "selector-list-comma-newline-after": null,
"selector-max-id": null, "selector-max-id": null,
"value-keyword-case": null "value-keyword-case": null

View File

@ -152,7 +152,7 @@ main {
background-color: #fff; // Support Fennec, Opera Mini: Remove default background, see T38490. background-color: #fff; // Support Fennec, Opera Mini: Remove default background, see T38490.
background-position: left @searchIconGutter center; background-position: left @searchIconGutter center;
background-repeat: no-repeat; background-repeat: no-repeat;
.background-size( @searchIconSize, @searchIconSize ); background-size: @searchIconSize;
// Support Safari: Get rid of rounded corners. // Support Safari: Get rid of rounded corners.
-webkit-appearance: none; -webkit-appearance: none;
width: 100%; width: 100%;

View File

@ -45,7 +45,7 @@ a {
&.external { &.external {
// background-image is specified by ResourceLoader. // background-image is specified by ResourceLoader.
// Force the image size to be 10px. // Force the image size to be 10px.
.background-size( 10px, 10px ); background-size: 10px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center right; background-position: center right;
padding-right: 13px; padding-right: 13px;

View File

@ -104,7 +104,7 @@ table.ambox {
} }
.mw-ui-icon:before { .mw-ui-icon:before {
.background-size(75%, auto); background-size: 75%;
} }
.ambox-learn-more { .ambox-learn-more {

View File

@ -70,7 +70,7 @@
// allows extensions ot use mw.notify( msg, 'error' ) and have those styled as errors. // allows extensions ot use mw.notify( msg, 'error' ) and have those styled as errors.
// see https://github.com/search?l=JavaScript&q=org%3Awikimedia+mw.notify&type=Code // see https://github.com/search?l=JavaScript&q=org%3Awikimedia+mw.notify&type=Code
.background-image( 'images/error.svg' ); .background-image( 'images/error.svg' );
.background-size( 24px, 24px ); background-size: 24px;
background-position: 16px 50%; background-position: 16px 50%;
background-repeat: no-repeat; background-repeat: no-repeat;
padding-left: 5%; padding-left: 5%;