chipmunkmc/mediawiki-skins-Insurgency
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Consistently embed images in CSS (or not)

Browse source 
Use .background-image() and .background-image-svg() mixins to embed
all SVG images, but not embed GIF/PNG fallbacks.

Change-Id: I807719dbf07749f4c942b4ba9b023440ca52a510
This commit is contained in:
Bartosz Dziewoński 2018-04-05 16:24:43 +02:00
parent 2e1865640c
commit ac8b055693
3 changed files with 5 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
resources/screen-common.less
View file

@ -48,7 +48,7 @@ body {
font: x-small sans-serif;
background-color: @background;
// don't bother with a fallback; the jpg book won't work with these anyway
background-image: url( images/headbg-gradient.svg );
.background-image( 'images/headbg-gradient.svg' );
background-position: 0 0;
background-repeat: repeat-x;
color: @text-color;

7
resources/screen-desktop.css → resources/screen-desktop.less
View file

@ -2,6 +2,8 @@
** Desktop-specific styles for MonoBook
*/
@import 'mediawiki.mixins';
div#column-content {
float: right;
margin: 0 0 0.6em -12.2em;
@ -177,10 +179,7 @@ input.searchButton {
/* The icon in front of the username / login link */
li#pt-userpage,
li#pt-anonuserpage {
/* @embed */
background-image: url( images/user.gif );
/* @embed */
background-image: linear-gradient( transparent, transparent ), url( images/user.svg );
.background-image-svg( 'images/user.svg', 'images/user.gif' );
background-position: top left;
background-repeat: no-repeat;
padding-left: 20px;

2
skin.json
View file

@ -29,7 +29,7 @@
"resources/screen-common.less": {
"media": "screen"
},
"resources/screen-desktop.css": {
"resources/screen-desktop.less": {
"media": "screen"
}
}