23cfe1bba changed ResourceLoaderImageModule::getCssDeclarations(),
but contrary to the documentation did not synchronize it with
mediawiki.mixins.less. This commit does that.
This commit brings the -o-linear-gradient rule back (this time with
a comment that explains why it's there), and removes the
-webkit-linear-gradient rules from mediawiki.mixins.less
and CSS code that copypasted it.
Change-Id: Ia7e9738d90919248748e6968192bf02e420cddd0
return array(
"background-image: url($fallback);",
"background-image: linear-gradient(transparent, transparent), url($primary);",
+ // Do not serve SVG to Opera 12, bad rendering with border-radius or background-size (T87504)
+ "background-image: -o-linear-gradient(transparent, transparent), url($fallback);",
);
}
padding-left: 42px;
background: transparent url(images/nextredirect-ltr.png) bottom left no-repeat;
/* @embed */
- background-image: -webkit-linear-gradient(transparent, transparent), url(images/nextredirect-ltr.svg);
- /* @embed */
background-image: linear-gradient(transparent, transparent), url(images/nextredirect-ltr.svg);
}
padding-left: 47px;
background: transparent url(images/redirect-ltr.png) bottom left no-repeat;
/* @embed */
- background-image: -webkit-linear-gradient(transparent, transparent), url(images/redirect-ltr.svg);
- /* @embed */
background-image: linear-gradient(transparent, transparent), url(images/redirect-ltr.svg);
}
padding-right: 42px;
background: transparent url(images/nextredirect-rtl.png) bottom right no-repeat;
/* @embed */
- background-image: -webkit-linear-gradient(transparent, transparent), url(images/nextredirect-rtl.svg);
- /* @embed */
background-image: linear-gradient(transparent, transparent), url(images/nextredirect-rtl.svg);
}
padding-right: 47px;
background: transparent url(images/redirect-rtl.png) bottom right no-repeat;
/* @embed */
- background-image: -webkit-linear-gradient(transparent, transparent), url(images/redirect-rtl.svg);
- /* @embed */
background-image: linear-gradient(transparent, transparent), url(images/redirect-rtl.svg);
}
/* Use same SVG support hack as mediawiki.legacy's shared.css */
background: url(images/magnify-clip-ltr.png) center center no-repeat;
/* @embed */
- background-image: -webkit-linear-gradient(transparent, transparent), url(images/magnify-clip-ltr.svg);
- /* @embed */
background-image: linear-gradient(transparent, transparent), url(images/magnify-clip-ltr.svg);
/* Don't annoy people who copy-paste everything too much */
-moz-user-select: none;
// is not worth the harm done to modern ones.
.background-image-svg(@svg, @fallback) {
background-image: url(@fallback);
- background-image: -webkit-linear-gradient(transparent, transparent), e('/* @embed */') url(@svg);
background-image: linear-gradient(transparent, transparent), e('/* @embed */') url(@svg);
// Do not serve SVG to Opera 12, bad rendering with border-radius or background-size (T87504)
background-image: -o-linear-gradient(transparent, transparent), url(@fallback);
/* Use same SVG support hack as mediawiki.legacy's shared.css */
background-image: url(images/magnify-clip-ltr.png);
/* @embed */
- background-image: -webkit-linear-gradient(transparent, transparent), url(images/magnify-clip-ltr.svg);
- /* @embed */
background-image: linear-gradient(transparent, transparent), url(images/magnify-clip-ltr.svg);
/* Don't annoy people who copy-paste everything too much */
-moz-user-select: none;
/* Use same SVG support hack as mediawiki.legacy's shared.css */
background-image: url(images/magnify-clip-ltr.png);
/* @embed */
- background-image: -webkit-linear-gradient(transparent, transparent), url(images/magnify-clip-ltr.svg);
- /* @embed */
background-image: linear-gradient(transparent, transparent), url(images/magnify-clip-ltr.svg);
}
/* Use same SVG support hack as mediawiki.legacy's shared.css */
background-image: url(images/magnify-clip-rtl.png);
/* @embed */
- background-image: -webkit-linear-gradient(transparent, transparent), url(images/magnify-clip-rtl.svg);
- /* @embed */
background-image: linear-gradient(transparent, transparent), url(images/magnify-clip-rtl.svg);
}
.link-mailto {
background: url(images/mail.png) center right no-repeat;
/* @embed */
- background-image: -webkit-linear-gradient(transparent, transparent), url(images/mail.svg);
- /* @embed */
background-image: linear-gradient(transparent, transparent), url(images/mail.svg);
padding-right: 15px;
}
.link-ftp {
background: url(images/ftp-ltr.png) center right no-repeat;
/* @embed */
- background-image: -webkit-linear-gradient(transparent, transparent), url(images/ftp-ltr.svg);
- /* @embed */
background-image: linear-gradient(transparent, transparent), url(images/ftp-ltr.svg);
padding-right: 15px;
}
.link-irc {
background: url(images/chat-ltr.png) center right no-repeat;
/* @embed */
- background-image: -webkit-linear-gradient(transparent, transparent), url(images/chat-ltr.svg);
- /* @embed */
background-image: linear-gradient(transparent, transparent), url(images/chat-ltr.svg);
padding-right: 15px;
}
.link-audio {
background: url(images/audio-ltr.png) center right no-repeat;
/* @embed */
- background-image: -webkit-linear-gradient(transparent, transparent), url(images/audio-ltr.svg);
- /* @embed */
background-image: linear-gradient(transparent, transparent), url(images/audio-ltr.svg);
padding-right: 15px;
}
.link-video {
background: url(images/video.png) center right no-repeat;
/* @embed */
- background-image: -webkit-linear-gradient(transparent, transparent), url(images/video.svg);
- /* @embed */
background-image: linear-gradient(transparent, transparent), url(images/video.svg);
padding-right: 15px;
}
.link-document {
background: url(images/document-ltr.png) center right no-repeat;
/* @embed */
- background-image: -webkit-linear-gradient(transparent, transparent), url(images/document-ltr.svg);
- /* @embed */
background-image: linear-gradient(transparent, transparent), url(images/document-ltr.svg);
padding-right: 15px;
}
* http://pauginer.tumblr.com/post/36614680636/invisible-gradient-technique */
background-image: url(images/feed-icon.png);
/* @embed */
- background-image: -webkit-linear-gradient(transparent, transparent), url(images/feed-icon.svg);
- /* @embed */
background-image: linear-gradient(transparent, transparent), url(images/feed-icon.svg);
background-position: center left;
background-repeat: no-repeat;
* http://pauginer.tumblr.com/post/36614680636/invisible-gradient-technique */
background-image: url(images/question.png);
/* @embed */
- background-image: -webkit-linear-gradient(transparent, transparent), url(images/question.svg);
- /* @embed */
background-image: linear-gradient(transparent, transparent), url(images/question.svg);
background-repeat: no-repeat;
background-size: 13px 13px;