IconButton.uss 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. /* IconButton Styles */
  2. .unity-icon-button {
  3. flex: var(--fixed-size);
  4. width: var(--icon-size);
  5. height: var(--icon-size);
  6. border-radius: var(--half-icon-size);
  7. background-color: var(--no-color);
  8. }
  9. .dark .unity-icon-button.btn-overflow {
  10. background-image: resource("Packages/com.unity.collab-proxy/Editor/Collaborate/Assets/Icons/more-vert-dark.png");
  11. }
  12. .light .unity-icon-button.btn-overflow {
  13. background-image: resource("Packages/com.unity.collab-proxy/Editor/Collaborate/Assets/Icons/more-vert-light.png");
  14. }
  15. .dark .unity-icon-button.btn-undo {
  16. background-image: resource("Packages/com.unity.collab-proxy/Editor/Collaborate/Assets/Icons/undo-dark.png");
  17. }
  18. .light .unity-icon-button.btn-undo {
  19. background-image: resource("Packages/com.unity.collab-proxy/Editor/Collaborate/Assets/Icons/undo-light.png");
  20. }
  21. .dark .unity-icon-button.btn-revert {
  22. background-image: resource("Packages/com.unity.collab-proxy/Editor/Collaborate/Assets/Icons/revert-asset-dark.png");
  23. }
  24. .light .unity-icon-button.btn-revert {
  25. background-image: resource("Packages/com.unity.collab-proxy/Editor/Collaborate/Assets/Icons/revert-asset-light.png");
  26. }
  27. .dark .unity-icon-button.btn-back {
  28. background-image: resource("Packages/com.unity.collab-proxy/Editor/Collaborate/Assets/Icons/back-dark.png");
  29. }
  30. .light .unity-icon-button.btn-back {
  31. background-image: resource("Packages/com.unity.collab-proxy/Editor/Collaborate/Assets/Icons/back-light.png");
  32. }
  33. .dark .unity-icon-button.btn-show {
  34. background-image: resource("Packages/com.unity.collab-proxy/Editor/Collaborate/Assets/Icons/show-dark.png");
  35. }
  36. .light .unity-icon-button.btn-show {
  37. background-image: resource("Packages/com.unity.collab-proxy/Editor/Collaborate/Assets/Icons/show-light.png");
  38. }
  39. .dark .unity-icon-button.btn-merge {
  40. background-image: resource("Packages/com.unity.collab-proxy/Editor/Collaborate/Assets/Icons/merge-dark.png");
  41. }
  42. .light .unity-icon-button.btn-merge {
  43. background-image: resource("Packages/com.unity.collab-proxy/Editor/Collaborate/Assets/Icons/merge-light.png");
  44. }
  45. .dark .unity-icon-button.btn-choose-remote {
  46. background-image: resource("Packages/com.unity.collab-proxy/Editor/Collaborate/Assets/Icons/choose-remote-dark.png");
  47. }
  48. .light .unity-icon-button.btn-choose-remote {
  49. background-image: resource("Packages/com.unity.collab-proxy/Editor/Collaborate/Assets/Icons/choose-remote-light.png");
  50. }
  51. .dark .unity-icon-button.btn-choose-mine {
  52. background-image: resource("Packages/com.unity.collab-proxy/Editor/Collaborate/Assets/Icons/choose-mine-dark.png");
  53. }
  54. .light .unity-icon-button.btn-choose-mine {
  55. background-image: resource("Packages/com.unity.collab-proxy/Editor/Collaborate/Assets/Icons/choose-mine-light.png");
  56. }
  57. .dark .unity-icon-button.btn-diff {
  58. background-image: resource("Packages/com.unity.collab-proxy/Editor/Collaborate/Assets/Icons/diff-dark.png");
  59. }
  60. .light .unity-icon-button.btn-diff {
  61. background-image: resource("Packages/com.unity.collab-proxy/Editor/Collaborate/Assets/Icons/diff-light.png");
  62. }
  63. .dark .unity-icon-button:focus {
  64. background-color: var(--dark-button-hover-focus-bg-color);
  65. }
  66. .light .unity-icon-button:focus {
  67. background-color: var(--light-button-hover-focus-bg-color);
  68. }
  69. .dark .unity-icon-button:active,
  70. .dark .unity-icon-button:hover:active {
  71. background-color: var(--dark-button-active-bg-color);
  72. }
  73. .light .unity-icon-button:active,
  74. .light .unity-icon-button:hover:active {
  75. background-color: var(--light-button-active-bg-color);
  76. }