Expand.scss 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
  1. /**
  2. * @class Ext.field.trigger.Expand
  3. */
  4. /**
  5. * @var {number}
  6. * Expand Trigger width
  7. */
  8. $expandtrigger-width: dynamic(null);
  9. /**
  10. * @var {number}
  11. * Expand Trigger width in the {@link Global_CSS#$enable-big big} sizing scheme
  12. */
  13. $expandtrigger-width-big: dynamic(null);
  14. /**
  15. * @var {color}
  16. * Expand Trigger background-color
  17. */
  18. $expandtrigger-background-color: dynamic(null);
  19. /**
  20. * @var {color}
  21. * Expand Trigger background-color when hovered
  22. */
  23. $expandtrigger-hovered-background-color: dynamic(null);
  24. /**
  25. * @var {color}
  26. * Expand Trigger background-color when pressed
  27. */
  28. $expandtrigger-pressed-background-color: dynamic(null);
  29. //# fashion replaces $selectfield-trigger-icon
  30. /**
  31. * @var {string}
  32. * Expand Trigger icon
  33. */
  34. $expandtrigger-icon: dynamic(null);
  35. //# fashion replaces $selectfield-trigger-color
  36. /**
  37. * @var {color}
  38. * Expand Trigger icon color
  39. */
  40. $expandtrigger-icon-color: dynamic(null);
  41. /**
  42. * @var {color}
  43. * Expand Trigger icon color when hovered
  44. */
  45. $expandtrigger-hovered-icon-color: dynamic(null);
  46. /**
  47. * @var {color}
  48. * Expand Trigger icon color when pressed
  49. */
  50. $expandtrigger-pressed-icon-color: dynamic(null);
  51. /**
  52. * @var {color}
  53. * Expand Trigger icon background-color
  54. */
  55. $expandtrigger-icon-background-color: dynamic(null);
  56. /**
  57. * @var {color}
  58. * Expand Trigger icon background-color when hovered
  59. */
  60. $expandtrigger-hovered-icon-background-color: dynamic(null);
  61. /**
  62. * @var {color}
  63. * Expand Trigger icon background-color when pressed
  64. */
  65. $expandtrigger-pressed-icon-background-color: dynamic(null);
  66. /**
  67. * @var {number/list}
  68. * Expand Trigger icon border-radius
  69. */
  70. $expandtrigger-icon-border-radius: dynamic(null);
  71. //# fashion replaces $selectfield-trigger-size
  72. /**
  73. * @var {number}
  74. * Expand Trigger icon size
  75. */
  76. $expandtrigger-icon-size: dynamic(null);
  77. /**
  78. * @var {number}
  79. * Expand Trigger icon size in the {@link Global_CSS#$enable-big big} sizing scheme
  80. */
  81. $expandtrigger-icon-size-big: dynamic(null);
  82. //# fashion replaces $selectfield-trigger-font-size
  83. /**
  84. * @var {number}
  85. * Expand Trigger icon font-size
  86. */
  87. $expandtrigger-icon-font-size: dynamic(null);
  88. //# fashion replaces $selectfield-trigger-font-size-big
  89. /**
  90. * @var {number}
  91. * Expand Trigger icon font-size in the {@link Global_CSS#$enable-big big} sizing scheme
  92. */
  93. $expandtrigger-icon-font-size-big: dynamic(null);
  94. /**
  95. * Creates a visual theme for a Expand Trigger.
  96. *
  97. * @param {string} $ui
  98. * The name of the UI being created. Can not included spaces or special punctuation
  99. * (used in CSS class names).
  100. *
  101. * @param {String} [$xtype=expandtrigger] (protected) The {@link Ext.Class#xtype} to use
  102. * in CSS selectors. For use by UI mixins of derived classes.
  103. *
  104. * @param {number} $width
  105. * Expand Trigger width
  106. *
  107. * @param {number} $width-big
  108. * Expand Trigger width in the {@link Global_CSS#$enable-big big} sizing scheme
  109. *
  110. * @param {color} $background-color
  111. * Expand Trigger background-color
  112. *
  113. * @param {color} $hovered-background-color
  114. * Expand Trigger background-color when hovered
  115. *
  116. * @param {color} $pressed-background-color
  117. * Expand Trigger background-color when pressed
  118. *
  119. * @param {string} $icon
  120. * Expand Trigger icon
  121. *
  122. * @param {color} $icon-color
  123. * Expand Trigger icon color
  124. *
  125. * @param {color} $hovered-icon-color
  126. * Expand Trigger icon color when hovered
  127. *
  128. * @param {color} $pressed-icon-color
  129. * Expand Trigger icon color when pressed
  130. *
  131. * @param {color} $icon-background-color
  132. * Expand Trigger icon background-color
  133. *
  134. * @param {color} $hovered-icon-background-color
  135. * Expand Trigger icon background-color when hovered
  136. *
  137. * @param {color} $pressed-icon-background-color
  138. * Expand Trigger icon background-color when pressed
  139. *
  140. * @param {number/list} $icon-border-radius
  141. * Expand Trigger icon border-radius
  142. *
  143. * @param {number} $icon-size
  144. * Expand Trigger icon size
  145. *
  146. * @param {number} $icon-size-big
  147. * Expand Trigger icon size in the {@link Global_CSS#$enable-big big} sizing scheme
  148. *
  149. * @param {number} $icon-font-size
  150. * Expand Trigger icon font-size
  151. *
  152. * @param {number} $icon-font-size-big
  153. * Expand Trigger icon font-size in the {@link Global_CSS#$enable-big big} sizing scheme
  154. */
  155. @mixin expandtrigger-ui(
  156. $ui: null,
  157. $xtype: expandtrigger,
  158. $width: null,
  159. $width-big: null,
  160. $background-color: null,
  161. $hovered-background-color: null,
  162. $pressed-background-color: null,
  163. $icon: null,
  164. $icon-color: null,
  165. $hovered-icon-color: null,
  166. $pressed-icon-color: null,
  167. $icon-background-color: null,
  168. $hovered-icon-background-color: null,
  169. $pressed-icon-background-color: null,
  170. $icon-border-radius: null,
  171. $icon-size: null,
  172. $icon-size-big: null,
  173. $icon-font-size: null,
  174. $icon-font-size-big: null
  175. ) {
  176. $arguments: intersect-arguments(expandtrigger-ui, trigger-ui);
  177. @include trigger-ui($arguments...);
  178. }