/ext-4.1.0_b3/resources/themes/stylesheets/ext4/default/util/_tool.scss

https://bitbucket.org/srogerf/javascript · Sass · 289 lines · 221 code · 66 blank · 2 comment · 0 complexity · 61b2509b22080f6db4df1ba908331058 MD5 · raw file

  1. @mixin extjs-tool {
  2. .#{$prefix}tool {
  3. height: $tool-size;
  4. img {
  5. overflow: hidden;
  6. width: $tool-size;
  7. height: $tool-size;
  8. cursor: pointer;
  9. background-color: transparent;
  10. background-repeat: no-repeat;
  11. background-image: theme-background-image($theme-name, 'tools/tool-sprites.gif');
  12. margin: 0;
  13. }
  14. }
  15. .#{$prefix}panel-header-horizontal,
  16. .#{$prefix}window-header-horizontal {
  17. .#{$prefix}tool {
  18. margin-left: 2px;
  19. }
  20. }
  21. .#{$prefix}panel-header-vertical,
  22. .#{$prefix}window-header-vertical {
  23. .#{$prefix}tool {
  24. margin-top: 2px;
  25. }
  26. }
  27. .#{$prefix}panel-header-vertical,
  28. .#{$prefix}window-header-vertical {
  29. // this assumes that there will only ever be one tool that shows at the top of a vertical header (the collapse tool)
  30. // we should revisit this if it is decided that we want to support multiple tools at the top
  31. .#{$prefix}tool-top {
  32. margin: 0 0 4px;
  33. }
  34. }
  35. .#{$prefix}tool-placeholder {
  36. visibility: hidden;
  37. }
  38. .#{$prefix}tool-toggle {
  39. background-position: 0 -60px;
  40. }
  41. .#{$prefix}tool-over {
  42. .#{$prefix}tool-toggle {
  43. background-position: -15px -60px;
  44. }
  45. }
  46. .#{$prefix}panel-collapsed,
  47. .#{$prefix}fieldset-collapsed {
  48. .#{$prefix}tool-toggle {
  49. background-position: 0 -75px;
  50. }
  51. .#{$prefix}tool-over {
  52. .#{$prefix}tool-toggle {
  53. background-position: -15px -75px;
  54. }
  55. }
  56. }
  57. .#{$prefix}tool-close {
  58. background-position: 0 0;
  59. }
  60. .#{$prefix}tool-minimize {
  61. background-position: 0 -15px;
  62. }
  63. .#{$prefix}tool-maximize {
  64. background-position: 0 -30px;
  65. }
  66. .#{$prefix}tool-restore {
  67. background-position: 0 -45px;
  68. }
  69. .#{$prefix}tool-gear {
  70. background-position: 0 -90px;
  71. }
  72. .#{$prefix}tool-prev {
  73. background-position: 0 -105px;
  74. }
  75. .#{$prefix}tool-next {
  76. background-position: 0 -120px;
  77. }
  78. .#{$prefix}tool-pin {
  79. background-position: 0 -135px;
  80. }
  81. .#{$prefix}tool-unpin {
  82. background-position: 0 -150px;
  83. }
  84. .#{$prefix}tool-right {
  85. background-position: 0 -165px;
  86. }
  87. .#{$prefix}tool-left {
  88. background-position: 0 -180px;
  89. }
  90. .#{$prefix}tool-help {
  91. background-position: 0 -300px;
  92. }
  93. .#{$prefix}tool-save {
  94. background-position: 0 -285px;
  95. }
  96. .#{$prefix}tool-search {
  97. background-position: 0 -270px;
  98. }
  99. .#{$prefix}tool-minus {
  100. background-position: 0 -255px;
  101. }
  102. .#{$prefix}tool-plus {
  103. background-position: 0 -240px;
  104. }
  105. .#{$prefix}tool-refresh {
  106. background-position: 0 -225px;
  107. }
  108. .#{$prefix}tool-up {
  109. background-position: 0 -210px;
  110. }
  111. .#{$prefix}tool-down {
  112. background-position: 0 -195px;
  113. }
  114. .#{$prefix}tool-collapse {
  115. background-position: 0 -345px;
  116. }
  117. .#{$prefix}tool-expand {
  118. background-position: 0 -330px;
  119. }
  120. .#{$prefix}tool-print {
  121. background-position: 0 -315px;
  122. }
  123. .#{$prefix}tool-expand-bottom,
  124. .#{$prefix}tool-collapse-bottom {
  125. background-position: 0 -195px;
  126. }
  127. .#{$prefix}tool-expand-top,
  128. .#{$prefix}tool-collapse-top {
  129. background-position: 0 -210px;
  130. }
  131. .#{$prefix}tool-expand-left,
  132. .#{$prefix}tool-collapse-left {
  133. background-position: 0 -180px;
  134. }
  135. .#{$prefix}tool-expand-right,
  136. .#{$prefix}tool-collapse-right {
  137. background-position: 0 -165px;
  138. }
  139. .#{$prefix}tool-over {
  140. .#{$prefix}tool-close {
  141. background-position: -15px 0;
  142. }
  143. .#{$prefix}tool-minimize {
  144. background-position: -15px -15px;
  145. }
  146. .#{$prefix}tool-maximize {
  147. background-position: -15px -30px;
  148. }
  149. .#{$prefix}tool-restore {
  150. background-position: -15px -45px;
  151. }
  152. .#{$prefix}tool-gear {
  153. background-position: -15px -90px;
  154. }
  155. .#{$prefix}tool-prev {
  156. background-position: -15px -105px;
  157. }
  158. .#{$prefix}tool-next {
  159. background-position: -15px -120px;
  160. }
  161. .#{$prefix}tool-pin {
  162. background-position: -15px -135px;
  163. }
  164. .#{$prefix}tool-unpin {
  165. background-position: -15px -150px;
  166. }
  167. .#{$prefix}tool-right {
  168. background-position: -15px -165px;
  169. }
  170. .#{$prefix}tool-left {
  171. background-position: -15px -180px;
  172. }
  173. .#{$prefix}tool-down {
  174. background-position: -15px -195px;
  175. }
  176. .#{$prefix}tool-up {
  177. background-position: -15px -210px;
  178. }
  179. .#{$prefix}tool-refresh {
  180. background-position: -15px -225px;
  181. }
  182. .#{$prefix}tool-plus {
  183. background-position: -15px -240px;
  184. }
  185. .#{$prefix}tool-minus {
  186. background-position: -15px -255px;
  187. }
  188. .#{$prefix}tool-search {
  189. background-position: -15px -270px;
  190. }
  191. .#{$prefix}tool-save {
  192. background-position: -15px -285px;
  193. }
  194. .#{$prefix}tool-help {
  195. background-position: -15px -300px;
  196. }
  197. .#{$prefix}tool-print {
  198. background-position: -15px -315px;
  199. }
  200. .#{$prefix}tool-expand {
  201. background-position: -15px -330px;
  202. }
  203. .#{$prefix}tool-collapse {
  204. background-position: -15px -345px;
  205. }
  206. .#{$prefix}tool-expand-bottom,
  207. .#{$prefix}tool-collapse-bottom {
  208. background-position: -15px -195px;
  209. }
  210. .#{$prefix}tool-expand-top,
  211. .#{$prefix}tool-collapse-top {
  212. background-position: -15px -210px;
  213. }
  214. .#{$prefix}tool-expand-left,
  215. .#{$prefix}tool-collapse-left {
  216. background-position: -15px -180px;
  217. }
  218. .#{$prefix}tool-expand-right,
  219. .#{$prefix}tool-collapse-right {
  220. background-position: -15px -165px;
  221. }
  222. }
  223. }