bryce/jquery.uls
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Drop -webkit-linear-gradient image CSS fallback

Browse Source 
This reduces the payload of CSS slightly (and in the few cases where these
were not just present but @embed'ed, significantly), at a cost of giving
those user agents which don't support the un-prefixed rule the icons as
PNGs rather than SVGs (i.e. Chrome < 25, Safari < 6.1, Android < 4.4).

We made this change for MediaWiki back in November 2015 in T118815. This
repo is not alone in not having noticed. :-)

Change-Id: I1469bce3dd6c6eed0d291a0cb8a19eceeaff4c10
This commit is contained in:
James D. Forrester
2017-11-28 16:53:03 -08:00
committed by Santhosh Thottingal
parent 3a453ad545
commit f47692a390
1 changed files with 0 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
css/jquery.uls.css
View File

@@ -1,9 +1,6 @@
.uls-trigger { .uls-trigger {
/* @embed */
background: url('../images/icon-language.png') no-repeat left center; background: url('../images/icon-language.png') no-repeat left center;
/* @embed */ /* @embed */
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/icon-language.svg');
/* @embed */
background-image: linear-gradient(transparent, transparent), url('../images/icon-language.svg'); background-image: linear-gradient(transparent, transparent), url('../images/icon-language.svg');
padding-left: 30px; padding-left: 30px;
} }
@@ -69,7 +66,6 @@
.uls-search-label { .uls-search-label {
background: url('../images/search.png') no-repeat center center; background: url('../images/search.png') no-repeat center center;
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/search.svg');
/* @embed */ /* @embed */
background-image: linear-gradient(transparent, transparent), url('../images/search.svg'); background-image: linear-gradient(transparent, transparent), url('../images/search.svg');
background-size: 20px; background-size: 20px;
@@ -115,7 +111,6 @@
.uls-languagefilter-clear { .uls-languagefilter-clear {
background: url('../images/clear.png') no-repeat left center; background: url('../images/clear.png') no-repeat left center;
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/clear.svg');
/* @embed */ /* @embed */
background-image: linear-gradient(transparent, transparent), url('../images/clear.svg'); background-image: linear-gradient(transparent, transparent), url('../images/clear.svg');
background-size: 15px; background-size: 15px;