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:
parent
d13959b8b5
commit
681a752f29
|
@ -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
|
||||||
|
|
|
@ -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%;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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%;
|
||||||
|
|
Loading…
Reference in New Issue