Apply /* @embed */ pragma to every image, not just the topmost in each block

/* @embed */ is scoped to the rule immediately below it, not the entire block.

Change-Id: I862b01e6bb70a53904b8264872f08d1bc1b073c1
This commit is contained in:
Ori Livneh
2014-01-17 19:21:52 -08:00
parent 6d8a889f79
commit f7066d4d2a
5 changed files with 39 additions and 0 deletions

View File

@@ -2,8 +2,11 @@
position: absolute;
/* @embed */
background: url('../images/ime-active.png') no-repeat left center;
/* @embed */
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/ime-active.svg');
/* @embed */
background-image: -moz-linear-gradient(transparent, transparent), url('../images/ime-active.svg');
/* @embed */
background-image: linear-gradient(transparent, transparent), url('../images/ime-active.svg');
background-color: rgba(255,255,255,0.75);
background-position: left 3px center;
@@ -170,8 +173,11 @@ span.ime-disable-shortcut {
.imeselector-menu .ime-checked {
/* @embed */
background: url(../images/tick.png) no-repeat left center;
/* @embed */
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/tick.svg');
/* @embed */
background-image: -moz-linear-gradient(transparent, transparent), url('../images/tick.svg');
/* @embed */
background-image: linear-gradient(transparent, transparent), url('../images/tick.svg');
background-position: left 4px center;
background-position-x: 4px;

View File

@@ -1,8 +1,11 @@
.uls-trigger {
/* @embed */
background: transparent url('../images/icon-language.png') no-repeat scroll left center;
/* @embed */
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/icon-language.svg');
/* @embed */
background-image: -moz-linear-gradient(transparent, transparent), url('../images/icon-language.svg');
/* @embed */
background-image: linear-gradient(transparent, transparent), url('../images/icon-language.svg');
padding-left: 30px;
}
@@ -73,8 +76,11 @@
.uls-worldmap {
/* @embed */
background: transparent url('../images/world_map.png') no-repeat scroll right top;
/* @embed */
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/world_map.svg');
/* @embed */
background-image: -moz-linear-gradient(transparent, transparent), url('../images/world_map.svg');
/* @embed */
background-image: linear-gradient(transparent, transparent), url('../images/world_map.svg');
background-size: 100%;
}
@@ -163,8 +169,11 @@ div.uls-region {
.icon-close {
/* @embed */
background: transparent url('../images/close.png') no-repeat scroll center center;
/* @embed */
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/close.svg');
/* @embed */
background-image: -moz-linear-gradient(transparent, transparent), url('../images/close.svg');
/* @embed */
background-image: linear-gradient(transparent, transparent), url('../images/close.svg');
float: right;
padding: 15px;
@@ -210,8 +219,11 @@ div.uls-region {
.uls-menu .search-label {
/* @embed */
background: transparent url('../images/search.png') no-repeat scroll right center;
/* @embed */
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/search.svg');
/* @embed */
background-image: -moz-linear-gradient(transparent, transparent), url('../images/search.svg');
/* @embed */
background-image: linear-gradient(transparent, transparent), url('../images/search.svg');
background-size: 30px;
height: 32px;
@@ -222,8 +234,11 @@ div.uls-region {
.uls-menu .languagefilter-clear {
/* @embed */
background: transparent url('../images/clear.png') no-repeat scroll left center;
/* @embed */
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/clear.svg');
/* @embed */
background-image: -moz-linear-gradient(transparent, transparent), url('../images/clear.svg');
/* @embed */
background-image: linear-gradient(transparent, transparent), url('../images/clear.svg');
cursor: pointer;
height: 32px;

View File

@@ -10,8 +10,11 @@
.uls-trigger {
/* @embed */
background: transparent url('../../lib/jquery.uls/images/icon-language.png') no-repeat scroll left center;
/* @embed */
background-image: -webkit-linear-gradient(transparent, transparent), url('../../lib/jquery.uls/images/icon-language.svg');
/* @embed */
background-image: -moz-linear-gradient(transparent, transparent), url('../../lib/jquery.uls/images/icon-language.svg');
/* @embed */
background-image: linear-gradient(transparent, transparent), url('../../lib/jquery.uls/images/icon-language.svg');
padding-left: 30px;
}
@@ -25,8 +28,11 @@
#p-lang .uls-settings-trigger {
/* @embed */
background: transparent url('../images/cog-sprite.png') no-repeat right top;
/* @embed */
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/cog-sprite.svg');
/* @embed */
background-image: -moz-linear-gradient(transparent, transparent), url('../images/cog-sprite.svg');
/* @embed */
background-image: linear-gradient(transparent, transparent), url('../images/cog-sprite.svg');
height: 16px;
width: 14px;

View File

@@ -1,8 +1,11 @@
div.display-settings-block {
/* @embed */
background: transparent url('../images/display.png') no-repeat left top;
/* @embed */
background-image: -moz-linear-gradient(transparent, transparent), url('../images/display.svg');
/* @embed */
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/display.svg');
/* @embed */
background-image: linear-gradient(transparent, transparent), url('../images/display.svg');
background-size: 20px auto;
color: #252525;

View File

@@ -1,8 +1,11 @@
div.input-settings-block {
/* @embed */
background: transparent url('../images/input.png') no-repeat left top;
/* @embed */
background-image: -moz-linear-gradient(transparent, transparent), url('../images/input.svg');
/* @embed */
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/input.svg');
/* @embed */
background-image: linear-gradient(transparent, transparent), url('../images/input.svg');
background-size: 20px auto;
color: #252525;
@@ -40,8 +43,11 @@ div.input-settings-block {
.uls-ime-disable-link {
/* @embed */
background: transparent url('../images/remove-input.png') no-repeat left top;
/* @embed */
background-image: -moz-linear-gradient(transparent, transparent), url('../images/remove-input.svg');
/* @embed */
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/remove-input.svg');
/* @embed */
background-image: linear-gradient(transparent, transparent), url('../images/remove-input.svg');
background-size: auto 16px;
padding-left: 22px;
@@ -53,8 +59,11 @@ div.input-settings-block {
.uls-ime-more-settings-link {
/* @embed */
background: transparent url('../images/cog.png') no-repeat center top;
/* @embed */
background-image: -moz-linear-gradient(transparent, transparent), url('../images/cog.svg');
/* @embed */
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/cog.svg');
/* @embed */
background-image: linear-gradient(transparent, transparent), url('../images/cog.svg');
background-size: auto 14px;
border-left: 1px solid #CCCCCC;