Custom Tabstrip Icon Background-size

[Kevin]

Using the guide at http://docs.telerik.com/kendo-ui/getting-started/mobile/icons#restyle-only-the-custom-icon I've added a custom mask icon using the latest recommended way to do it. Unfortunately my icons (glyphish pack) seem to be just a tiny bit too large for my taste and the background-size is having no effect when i try to change it.

km-root .km-pane .km-view .km-home-new {
    background-size: 90% 90%;
    -webkit-background-clip: border-box;
    background-color: white;
}
.km-home-new {
    -webkit-mask-box-image: url("images/[e-mail]");
    background-color: red;
}

I have tried as low as 10% 10% and it changes nothing.

[Kiril Nikolov]

Hi Kevin,

As these are font icons, you will need to change the font-size in order to change the icon size. Please check the following example, for a possible implementation:

http://jsbin.com/javod/1/edit

Regards,
Kiril Nikolov
Telerik