SVG versions of icons

SVG assets added and CSS adjusments made to make use fo SVG for compatible browsers.

Change-Id: Ib04b7bd72b528fc0c8159362f03f2a9828342aa4
This commit is contained in:
Pau Giner
2013-02-18 15:21:21 +01:00
parent 3a46fb9da1
commit 10078d1b65
7 changed files with 397 additions and 18 deletions

View File

@@ -1,15 +1,12 @@
div.input-settings-block {
/* @embed */
background: transparent url('../images/input.png') no-repeat;
background: transparent url('../images/input.png') left top no-repeat;
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/input.svg');
background-image: -moz-linear-gradient(transparent, transparent), url('../images/input.svg');
background-image: linear-gradient(transparent, transparent), url('../images/input.svg');
background-size: 20px auto;
/* This is only few pixels off from the below */
background-position: 4.5% 0;
/* Does not work for RTL
background-position-x: 15px;
background-position-y: 5px;
*/
color: #252525;
padding-left: 32px;
padding-left: 26px;
cursor: pointer;
}
@@ -37,6 +34,10 @@ div.input-settings-block {
.uls-ime-more-settings-link {
/* @embed */
background: transparent url('../images/cog-16x16-ltr.png') right center no-repeat;
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/cog.svg');
background-image: -moz-linear-gradient(transparent, transparent), url('../images/cog.svg');
background-image: linear-gradient(transparent, transparent), url('../images/cog.svg');
background-size: 20px auto;
background-color: #f0f0f0;
border-radius: 0 0 5px 5px;
border-top: 1px solid #ddd;