_sprites.less 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. // /**
  2. // * Copyright © Magento, Inc. All rights reserved.
  3. // * See COPYING.txt for license details.
  4. // */
  5. // ==============================================
  6. // Sprite helpers
  7. // ==============================================
  8. .sprite(@x, @y, @sprite-image:@sprite-image, @sprite-grid:@sprite-grid) {
  9. .sprite-image(@sprite-image);
  10. .sprite-pos(@x, @y, @sprite-grid);
  11. }
  12. .sprite-sized(@x, @y, @size, @sprite-image:@sprite-image, @sprite-grid:@sprite-grid) when not (isnumber(@sprite-image)) {
  13. .sprite(@x, @y, @sprite-image, @sprite-grid);
  14. .size(@size);
  15. }
  16. .sprite-sized(@x, @y, @width, @height, @sprite-image:@sprite-image, @sprite-grid:@sprite-grid) when (isnumber(@height)) {
  17. .sprite(@x, @y, @sprite-image, @sprite-grid);
  18. .size(@width,@height);
  19. }
  20. .sprite-ir(@x, @y, @size, @sprite-image:@sprite-image, @sprite-grid:@sprite-grid) when not (isnumber(@sprite-image)) {
  21. .ir();
  22. .sprite(@x, @y, @sprite-image, @sprite-grid);
  23. .size(@size);
  24. }
  25. .sprite-ir(@x, @y, @width, @height, @sprite-image:@sprite-image, @sprite-grid:@sprite-grid) when (isnumber(@height)) {
  26. .ir();
  27. .sprite(@x, @y, @sprite-image, @sprite-grid);
  28. .size(@width,@height);
  29. }
  30. .sprite-image(@sprite-image:@sprite-image) {
  31. background-image: url(@sprite-image);
  32. background-repeat: no-repeat;
  33. }
  34. .sprite-pos(@x, @y, @sprite-grid:@sprite-grid) {
  35. background-position: -(@x*@sprite-grid*1px) -(@y*@sprite-grid*1px);
  36. }
  37. .sprite-pos-sized(@x, @y, @size, @sprite-grid:@sprite-grid) when not (isnumber(@sprite-image)) {
  38. .sprite-pos(@x, @y, @sprite-grid);
  39. .size(@size);
  40. }
  41. .sprite-pos-sized(@x, @y, @width, @height, @sprite-grid:@sprite-grid) when (isnumber(@height)) {
  42. .sprite-pos(@x, @y, @sprite-grid);
  43. .size(@width,@height);
  44. }