Row.scss 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
  1. /**
  2. * @class Ext.grid.Row
  3. */
  4. //# fashion replaces $grid-cell-color
  5. /**
  6. * @var {color}
  7. * Grid Row text color
  8. */
  9. $gridrow-color: dynamic(null);
  10. /**
  11. * @var {color}
  12. * Grid Row text color when hovered
  13. */
  14. $gridrow-hovered-color: dynamic(null);
  15. /**
  16. * @var {color}
  17. * Grid Row text color when selected
  18. */
  19. $gridrow-selected-color: dynamic(null);
  20. /**
  21. * @var {color}
  22. * Grid Row text color when pressed
  23. */
  24. $gridrow-pressed-color: dynamic(null);
  25. /**
  26. * @var {color}
  27. * Grid Row text color when pinned
  28. */
  29. $gridrow-pinned-color: dynamic(null);
  30. //# fashion replaces $grid-cell-background-color
  31. /**
  32. * @var {color}
  33. * Grid Row background-color
  34. */
  35. $gridrow-background-color: dynamic(null);
  36. /**
  37. * @var {color}
  38. * background-color for `striped` Grid Rows
  39. */
  40. $gridrow-alt-background-color: dynamic(null);
  41. /**
  42. * @var {color}
  43. * Grid Row background-color when hovered
  44. */
  45. $gridrow-hovered-background-color: dynamic(null);
  46. //# fashion replaces $grid-cell-selected-background-color
  47. /**
  48. * @var {color}
  49. * Grid Row background-color when selected
  50. */
  51. $gridrow-selected-background-color: dynamic(null);
  52. //# fashion replaces $grid-cell-pressed-background-color
  53. /**
  54. * @var {color}
  55. * Grid Row background-color when pressed
  56. */
  57. $gridrow-pressed-background-color: dynamic(null);
  58. /**
  59. * @var {color}
  60. * Grid Row background-color when pinned
  61. */
  62. $gridrow-pinned-background-color: dynamic(null);
  63. /**
  64. * @var {number/list}
  65. * Grid Row border-width
  66. */
  67. $gridrow-border-width: dynamic(null);
  68. /**
  69. * @var {string}
  70. * Grid Row border-style
  71. */
  72. $gridrow-border-style: dynamic(null);
  73. //# fashion replaces $grid-cell-border-color
  74. /**
  75. * @var {color}
  76. * Grid Row border-color
  77. */
  78. $gridrow-border-color: dynamic(null);
  79. /**
  80. * @var {color}
  81. * Grid Row border-color when hovered
  82. */
  83. $gridrow-hovered-border-color: dynamic(null);
  84. /**
  85. * @var {color}
  86. * Grid Row border-color when selected
  87. */
  88. $gridrow-selected-border-color: dynamic(null);
  89. /**
  90. * @var {color}
  91. * Grid Row border-color when pressed
  92. */
  93. $gridrow-pressed-border-color: dynamic(null);
  94. /**
  95. * @var {color}
  96. * Grid Row border-color when pinned
  97. */
  98. $gridrow-pinned-border-color: dynamic(null);
  99. /**
  100. * @var {list}
  101. * Grid Row border-color when pinned
  102. */
  103. $gridrow-pinned-box-shadow: dynamic(null);
  104. /**
  105. * @var {list}
  106. * Grid Row border-color when pinned to the bottom
  107. */
  108. $gridrow-pinned-bottom-box-shadow: dynamic(null);
  109. /**
  110. * Creates a visual theme for a Grid Row.
  111. *
  112. * @param {string} $ui
  113. * The name of the UI being created. Can not included spaces or special punctuation
  114. * (used in CSS class names).
  115. *
  116. * @param {String} [$xtype=gridrow] (protected) The {@link Ext.Class#xtype} to use
  117. * in CSS selectors. For use by UI mixins of derived classes.
  118. *
  119. * @param {color} $color
  120. * Grid Row text color
  121. *
  122. * @param {color} $hovered-color
  123. * Grid Row text color when hovered
  124. *
  125. * @param {color} $selected-color
  126. * Grid Row text color when selected
  127. *
  128. * @param {color} $pressed-color
  129. * Grid Row text color when pressed
  130. *
  131. * @param {color} $pinned-color
  132. * Grid Row text color when pinned
  133. *
  134. * @param {color} $background-color
  135. * Grid Row background-color
  136. *
  137. * @param {color} $alt-background-color
  138. * background-color for `striped` Grid Rows
  139. *
  140. * @param {color} $hovered-background-color
  141. * Grid Row background-color when hovered
  142. *
  143. * @param {color} $selected-background-color
  144. * Grid Row background-color when selected
  145. *
  146. * @param {color} $pressed-background-color
  147. * Grid Row background-color when pressed
  148. *
  149. * @param {color} $pinned-background-color
  150. * Grid Row background-color when pinned
  151. *
  152. * @param {number/list} $border-width
  153. * Grid Row border-width
  154. *
  155. * @param {string} $border-style
  156. * Grid Row border-style
  157. *
  158. * @param {color} $border-color
  159. * Grid Row border-color
  160. *
  161. * @param {color} $hovered-border-color
  162. * Grid Row border-color when hovered
  163. *
  164. * @param {color} $selected-border-color
  165. * Grid Row border-color when selected
  166. *
  167. * @param {color} $pressed-border-color
  168. * Grid Row border-color when pressed
  169. *
  170. * @param {color} $pinned-border-color
  171. * Grid Row border-color when pinned
  172. *
  173. * @param {list} $pinned-box-shadow
  174. * Grid Row border-color when pinned
  175. *
  176. * @param {list} $pinned-bottom-box-shadow
  177. * Grid Row border-color when pinned to the bottom
  178. */
  179. @mixin gridrow-ui(
  180. $ui: null,
  181. $xtype: gridrow,
  182. $color: null,
  183. $hovered-color: null,
  184. $selected-color: null,
  185. $pressed-color: null,
  186. $pinned-color: null,
  187. $background-color: null,
  188. $alt-background-color: null,
  189. $hovered-background-color: null,
  190. $selected-background-color: null,
  191. $pressed-background-color: null,
  192. $pinned-background-color: null,
  193. $border-width: null,
  194. $border-style: null,
  195. $border-color: null,
  196. $hovered-border-color: null,
  197. $selected-border-color: null,
  198. $pressed-border-color: null,
  199. $pinned-border-color: null,
  200. $pinned-box-shadow: null,
  201. $pinned-bottom-box-shadow: null
  202. ) {
  203. $ui-suffix: ui-suffix($ui);
  204. $arguments: intersect-arguments(gridrow-ui, listitem-base);
  205. .#{$prefix}#{$xtype}#{$ui-suffix} {
  206. @include listitem-base($arguments...);
  207. }
  208. }