Radio.scss 6.2 KB

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