RowHeader.scss 6.4 KB

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