silverstripe-framework/admin/client/src/sprites
Paul Clarke cf5c055ded Enhancement Fix Campaign admin publish button styles missing
API remove unused textures
Enhancement Update legacy DB icon to match new colour
Enhancement Remove Done button on import modal
2017-01-10 11:05:58 +13:00
..
btn-icon API Moved frontend assets into admin/client/ 2016-04-20 21:13:10 +12:00
menu-icons Enhancement Fix Campaign admin publish button styles missing 2017-01-10 11:05:58 +13:00
sprites-32x32 API Moved frontend assets into admin/client/ 2016-04-20 21:13:10 +12:00
sprites-32x32-2x API Moved frontend assets into admin/client/ 2016-04-20 21:13:10 +12:00
sprites-64x64 API Moved frontend assets into admin/client/ 2016-04-20 21:13:10 +12:00
sprites-64x64-2x API Moved frontend assets into admin/client/ 2016-04-20 21:13:10 +12:00
README.md FIX Webpack handles images & fonts. 2016-09-15 22:19:09 +12:00

Bitmap sprites will be phased out in the CMS UI in favour of web font icons as well as SVG graphics. During this transition, the sprites are still references, but there's no way to add new sprites to the system.

Original Instructions (no longer valid)

We use sprites to handle various icons and images throughout the CMS. These are automatically generated by running npm run build and can be found at /admin/client/src/sprites/dist. To add new images to the sprites, simply add the image to the folder matching the image's size in /admin/client/sprites then run npm run sprites to generate the sprite containing your image. Along with the new sprite containing your image, there will also be a new variable in /admin/client/styles/legacy/_sprites.scss which you can use in your .scss file by first extending the class matching the sprite (eg @extend .icon-sprites-32x32;), and then including your image using the variable matching your image (eg @include sprite($sprites-32x32-my-image);).