@sprite for background-image only?

[rhodebump]

Hello,

I am trying to use the @sprite annotation to help reduce my image downloads.  I have the following css, which uses a "border-image" property.  I would love to be able to use the sprite annotation, but this is only for background images.  Is there a way to use imageresources/cssresources together for the "border-image" property?


Thanks,
Phillip

.whiteButton {
    border-image:url(images/whiteButton.png)  0 12 0 12;
    -webkit-border-image: url(images/whiteButton.png) 0 12 0 12;
    -moz-border-image: url(images/whiteButton.png) 0 12 0 12;
    text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
}

[Thomas Broyer]

On Monday, October 8, 2012 11:58:05 PM UTC+2, rhodebump wrote:

Hello,

I am trying to use the @sprite annotation to help reduce my image downloads.  I have the following css, which uses a "border-image" property.  I would love to be able to use the sprite annotation, but this is only for background images.  Is there a way to use imageresources/cssresources together for the "border-image" property?

Use a DataResource and @url rule:

@url whiteButtonUrl whiteButton;

.whiteButton {

  border-image: whiteButtonUrl 0 12 0 12;

}

[rhodebump]

Awesome, i will give it a shot!  Thanks