[CSS] Image sprites and catalogs

• From: Andrew Fedoniouk <a.fedoniouk@gmail.com>
• Date: Sat, 3 Mar 2012 16:06:35 -0800
• To: www-style@w3.org
• Message-ID: <CALRQH7_8bFMmXk2UnVp6AhGVWWD_KBJzE+E6DfM1hLiP7Kk8zw@mail.gmail.com>

It would be nice if it will be possible to define catalog images
(image lists) in CSS directly.

Something like this:

@image-list MyIcons {
    image: url(my-huge-catalog.png);
    parts: cut-icon 0 0 16 16,
             copy-icon 16 0 16 16,
             paste-icon 32 0 16 16;
   ...
}

And later in styles to use these catalog parts as

button#cut {   background-image: MyIcons(cut-icon);   }
button#copy {   background-image: MyIcons(copy-icon);   }
.....

I think that web app designers will appreciate that.


-- 
Andrew Fedoniouk.
http://terrainformatica.com

Received on Sunday, 4 March 2012 06:23:15 UTC