TitleBar.scss 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312
  1. /**
  2. * @class Ext.TitleBar
  3. */
  4. /**
  5. * @var {color}
  6. * Titlebar background-color
  7. */
  8. $titlebar-background-color: dynamic($base-color);
  9. /**
  10. * @var {string/list}
  11. * Titlebar background-gradient. Can be either the name of a gradient defined by
  12. * {@link Global_CSS#background-gradient} or a list of color stops.
  13. */
  14. $titlebar-background-gradient: dynamic(null);
  15. /**
  16. * @var {color}
  17. * Titlebar color
  18. */
  19. $titlebar-color: dynamic(#fff);
  20. /**
  21. * @var {number/list}
  22. * Titlebar border-width
  23. */
  24. $titlebar-border-width: dynamic(1px);
  25. /**
  26. * @var {string/list}
  27. * Titlebar border-style
  28. */
  29. $titlebar-border-style: dynamic(solid);
  30. /**
  31. * @var {color/list}
  32. * Titlebar border-color
  33. */
  34. $titlebar-border-color: dynamic($neutral-medium-dark-color);
  35. /**
  36. * @var {list}
  37. * Titlebar box-shadow
  38. */
  39. $titlebar-box-shadow: dynamic(null);
  40. /**
  41. * @var {string/number}
  42. * Titlebar font-weight
  43. */
  44. $titlebar-font-weight: dynamic($font-weight-bold);
  45. /**
  46. * @var {number}
  47. * Titlebar font-size
  48. */
  49. $titlebar-font-size: dynamic($font-size);
  50. /**
  51. * @var {number}
  52. * Titlebar font-size in the {@link Global_CSS#$enable-big big} sizing scheme
  53. */
  54. $titlebar-font-size-big: dynamic($font-size-big);
  55. /**
  56. * @var {number}
  57. * Titlebar line-height
  58. */
  59. $titlebar-line-height: dynamic(16px);
  60. /**
  61. * @var {number}
  62. * Titlebar line-height in the {@link Global_CSS#$enable-big big} sizing scheme
  63. */
  64. $titlebar-line-height-big: dynamic(null);
  65. /**
  66. * @var {string}
  67. * Titlebar font-family
  68. */
  69. $titlebar-font-family: dynamic($font-family);
  70. /**
  71. * @var {number/list}
  72. * Titlebar padding
  73. */
  74. $titlebar-padding: dynamic(6px 6px);
  75. /**
  76. * @var {number/list}
  77. * Titlebar padding in the {@link Global_CSS#$enable-big big} sizing scheme
  78. */
  79. $titlebar-padding-big: dynamic(6px 10px);
  80. /**
  81. * @var {number}
  82. * The space in between horizontally aligned Titlebar items
  83. */
  84. $titlebar-horizontal-spacing: dynamic(3px);
  85. /**
  86. * @var {number}
  87. * The space in between horizontally aligned Titlebar items in the
  88. * {@link Global_CSS#$enable-big big} sizing scheme
  89. */
  90. $titlebar-horizontal-spacing-big: dynamic(4px);
  91. /**
  92. * @var {number}
  93. * The space in between vertically aligned Titlebar items
  94. */
  95. $titlebar-vertical-spacing: dynamic(3px);
  96. /**
  97. * @var {number}
  98. * The space in between vertically aligned Titlebar items in the
  99. * {@link Global_CSS#$enable-big big} sizing scheme
  100. */
  101. $titlebar-vertical-spacing-big: dynamic(4px);
  102. /**
  103. * @var {color}
  104. * Titlebar {@link Ext.Title Title} color
  105. */
  106. $titlebar-title-color: dynamic(#fff);
  107. /**
  108. * @var {string/number}
  109. * Titlebar {@link Ext.Title Title} font-weight
  110. */
  111. $titlebar-title-font-weight: dynamic($titlebar-font-weight);
  112. /**
  113. * @var {number}
  114. * Titlebar {@link Ext.Title Title} font-size
  115. */
  116. $titlebar-title-font-size: dynamic($titlebar-font-size);
  117. /**
  118. * @var {number}
  119. * Titlebar {@link Ext.Title Title} font-size in the
  120. * {@link Global_CSS#$enable-big big} sizing scheme
  121. */
  122. $titlebar-title-font-size-big: dynamic($titlebar-font-size-big);
  123. /**
  124. * @var {string}
  125. * Titlebar {@link Ext.Title Title} font-family
  126. */
  127. $titlebar-title-font-family: dynamic($font-family);
  128. /**
  129. * @var {number}
  130. * Titlebar {@link Ext.Title Title} title-padding
  131. */
  132. $titlebar-title-padding: dynamic(null);
  133. /**
  134. * @var {number}
  135. * Titlebar {@link Ext.Title Title} title-padding in the
  136. * {@link Global_CSS#$enable-big big} sizing scheme
  137. */
  138. $titlebar-title-padding-big: dynamic(null);
  139. /**
  140. * @var {number}
  141. * Titlebar min-height
  142. */
  143. $titlebar-min-height: dynamic(36px);
  144. /**
  145. * @var {number}
  146. * Titlebar min-height in the {@link Global_CSS#$enable-big big} sizing scheme
  147. */
  148. $titlebar-min-height-big: dynamic(44px);
  149. /**
  150. * Creates a visual theme for a Titlebar.
  151. *
  152. * @param {string} $ui
  153. * The name of the UI being created. Can not included spaces or special punctuation
  154. * (used in CSS class names).
  155. *
  156. * @param {String} [$xtype=titlebar] (protected) The {@link Ext.Class#xtype} to use
  157. * in CSS selectors. For use by UI mixins of derived classes.
  158. *
  159. * @param {color} $background-color
  160. * Titlebar background-color
  161. *
  162. * @param {string/list} $background-gradient
  163. * Titlebar background-gradient. Can be either the name of a gradient defined by
  164. * {@link Global_CSS#background-gradient} or a list of color stops.
  165. *
  166. * @param {color} $color
  167. * Titlebar color
  168. *
  169. * @param {number/list} $border-width
  170. * Titlebar border-width
  171. *
  172. * @param {string/list} $border-style
  173. * Titlebar border-style
  174. *
  175. * @param {color} $border-color
  176. * Titlebar border-color
  177. *
  178. * @param {color} $box-shadow
  179. * Titlebar box-shadow
  180. *
  181. * @param {string/number} $font-weight
  182. * Titlebar font-weight
  183. *
  184. * @param {number} $font-size
  185. * Titlebar font-size
  186. *
  187. * @param {number} $font-size-big
  188. * Titlebar font-size in the {@link Global_CSS#$enable-big big} sizing scheme
  189. *
  190. * @param {number} $line-height
  191. * Titlebar line-height
  192. *
  193. * @param {number} $line-height-big
  194. * Titlebar line-height in the {@link Global_CSS#$enable-big big} sizing scheme
  195. *
  196. * @param {string} $font-family
  197. * Titlebar font-family
  198. *
  199. * @param {number/list} $padding
  200. * Titlebar padding
  201. *
  202. * @param {number/list} $padding-big
  203. * Titlebar padding in the {@link Global_CSS#$enable-big big} sizing scheme
  204. *
  205. * @param {number} $horizontal-spacing
  206. * The space in between horizontally aligned Titlebar items
  207. *
  208. * @param {number} $horizontal-spacing-big
  209. * The space in between horizontally aligned Titlebar items in the
  210. * {@link Global_CSS#$enable-big big} sizing scheme
  211. *
  212. * @param {number} $vertical-spacing
  213. * The space in between vertically aligned Titlebar items
  214. *
  215. * @param {number} $vertical-spacing-big
  216. * The space in between vertically aligned Titlebar items in the
  217. * {@link Global_CSS#$enable-big big} sizing scheme
  218. *
  219. * @param {color} $title-color
  220. * Titlebar {@link Ext.Title Title} color
  221. *
  222. * @param {string/number} $title-font-weight
  223. * Titlebar {@link Ext.Title Title} font-weight
  224. *
  225. * @param {number} $title-font-size
  226. * Titlebar {@link Ext.Title Title} font-size
  227. *
  228. * @param {number} $title-font-size-big
  229. * Titlebar {@link Ext.Title Title} font-size in the
  230. * {@link Global_CSS#$enable-big big} sizing scheme
  231. *
  232. * @param {string} $title-font-family
  233. * Titlebar {@link Ext.Title Title} font-family
  234. *
  235. * @param {number} $title-padding
  236. * Titlebar {@link Ext.Title Title} padding
  237. *
  238. * @param {number} $title-padding-big
  239. * Titlebar {@link Ext.Title Title} padding in the
  240. * {@link Global_CSS#$enable-big big} sizing scheme
  241. *
  242. * @param {number} $min-height
  243. * Titlebar min-height
  244. *
  245. * @param {number} $min-height-big
  246. * Titlebar min-height in the {@link Global_CSS#$enable-big big} sizing scheme
  247. */
  248. @mixin titlebar-ui(
  249. $ui: null,
  250. $xtype: titlebar,
  251. $background-color: null,
  252. $background-gradient: null,
  253. $color: null,
  254. $border-width: null,
  255. $border-style: null,
  256. $border-color: null,
  257. $box-shadow: null,
  258. $font-weight: null,
  259. $font-size: null,
  260. $font-size-big: null,
  261. $line-height: null,
  262. $line-height-big: null,
  263. $font-family: null,
  264. $padding: null,
  265. $padding-big: null,
  266. $horizontal-spacing: null,
  267. $horizontal-spacing-big: null,
  268. $vertical-spacing: null,
  269. $vertical-spacing-big: null,
  270. $title-color: null,
  271. $title-font-weight: null,
  272. $title-font-size: null,
  273. $title-font-size-big: null,
  274. $title-font-family: null,
  275. $title-padding: null,
  276. $title-padding-big: null,
  277. $min-height: null,
  278. $min-height-big: null
  279. ) {
  280. $arguments: intersect-arguments(titlebar-ui, toolbar-ui);
  281. @include toolbar-ui($arguments...);
  282. }