Toggle.scss 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. /**
  2. * @class Ext.field.Toggle
  3. */
  4. /**
  5. * @var {number/list}
  6. * Toggle Field padding
  7. */
  8. $togglefield-padding: dynamic(null);
  9. /**
  10. * @var {number/list}
  11. * Toggle Field padding in the {@link Global_CSS#$enable-big big} sizing scheme
  12. */
  13. $togglefield-padding-big: dynamic(null);
  14. /**
  15. * @var {color}
  16. * Toggle Field {@link #boxLabel} text color
  17. */
  18. $togglefield-box-label-color: dynamic(null);
  19. /**
  20. * @var {string/number}
  21. * Toggle Field {@link #boxLabel} font-weight
  22. */
  23. $togglefield-box-label-font-weight: dynamic(null);
  24. /**
  25. * @var {number}
  26. * Toggle Field {@link #boxLabel} font-size
  27. */
  28. $togglefield-box-label-font-size: dynamic(null);
  29. /**
  30. * @var {number}
  31. * Toggle Field {@link #boxLabel} font-size in the {@link Global_CSS#$enable-big big} sizing scheme
  32. */
  33. $togglefield-box-label-font-size-big: dynamic(null);
  34. /**
  35. * @var {number}
  36. * Toggle Field {@link #boxLabel} line-height
  37. */
  38. $togglefield-box-label-line-height: dynamic(null);
  39. /**
  40. * @var {number}
  41. * Toggle Field {@link #boxLabel} line-height in the {@link Global_CSS#$enable-big big} sizing scheme
  42. */
  43. $togglefield-box-label-line-height-big: dynamic(null);
  44. /**
  45. * @var {string}
  46. * Toggle Field {@link #boxLabel} font-family
  47. */
  48. $togglefield-box-label-font-family: dynamic(null);
  49. /**
  50. * @var {number/list}
  51. * Toggle Field {@link #boxLabel} padding
  52. * The padding box will be flipped horizontally when {@link #boxLabelAlign} is `before`
  53. */
  54. $togglefield-box-label-padding: dynamic(null);
  55. /**
  56. * @var {number/list}
  57. * Toggle Field {@link #boxLabel} padding in the {@link Global_CSS#$enable-big big} sizing scheme
  58. * The padding box will be flipped horizontally when {@link #boxLabelAlign} is `before`
  59. */
  60. $togglefield-box-label-padding-big: dynamic(null);
  61. /**
  62. * @var {number}
  63. * Toggle Field body width
  64. */
  65. $togglefield-body-width: dynamic(auto);
  66. /**
  67. * @var {number}
  68. * Toggle Field body width in the {@link Global_CSS#$enable-big big} sizing scheme
  69. */
  70. $togglefield-body-width-big: dynamic(auto);
  71. /**
  72. * Creates a visual theme for a Toggle Field
  73. *
  74. * @param {string} $ui
  75. * The name of the UI being created. Can not included spaces or special punctuation
  76. * (used in CSS class names).
  77. *
  78. * @param {String} [$xtype=togglefield] (protected) The {@link Ext.Class#xtype} to use
  79. * in CSS selectors. For use by UI mixins of derived classes.
  80. *
  81. * @param {number/list} $padding
  82. * Toggle Field padding
  83. *
  84. * @param {number/list} $padding-big
  85. * Toggle Field padding in the {@link Global_CSS#$enable-big big} sizing scheme
  86. *
  87. * @param {color} $box-label-color
  88. * Toggle Field {@link #boxLabel} text color
  89. *
  90. * @param {string/number} $box-label-font-weight
  91. * Toggle Field {@link #boxLabel} font-weight
  92. *
  93. * @param {number} $box-label-font-size
  94. * Toggle Field {@link #boxLabel} font-size
  95. *
  96. * @param {number} $box-label-font-size-big
  97. * Toggle Field {@link #boxLabel} font-size in the {@link Global_CSS#$enable-big big} sizing scheme
  98. *
  99. * @param {number} $box-label-line-height
  100. * Toggle Field {@link #boxLabel} line-height
  101. *
  102. * @param {number} $box-label-line-height-big
  103. * Toggle Field {@link #boxLabel} line-height in the {@link Global_CSS#$enable-big big} sizing scheme
  104. *
  105. * @param {string} $box-label-font-family
  106. * Toggle Field {@link #boxLabel} font-family
  107. *
  108. * @param {number/list} $box-label-padding
  109. * Toggle Field {@link #boxLabel} padding
  110. * The padding box will be flipped horizontally when {@link #boxLabelAlign} is `before`
  111. *
  112. * @param {number/list} $box-label-padding-big
  113. * Toggle Field {@link #boxLabel} padding in the {@link Global_CSS#$enable-big big} sizing scheme
  114. * The padding box will be flipped horizontally when {@link #boxLabelAlign} is `before`
  115. *
  116. * @param {number} $body-width
  117. * Toggle Field body width
  118. *
  119. * @param {number} $body-width-big
  120. * Toggle Field body width in the {@link Global_CSS#$enable-big big} sizing scheme
  121. */
  122. @mixin togglefield-ui(
  123. $ui: null,
  124. $xtype: togglefield,
  125. $padding: null,
  126. $padding-big: null,
  127. $box-label-color: null,
  128. $box-label-font-weight: null,
  129. $box-label-font-size: null,
  130. $box-label-font-size-big: null,
  131. $box-label-line-height: null,
  132. $box-label-line-height-big: null,
  133. $box-label-font-family: null,
  134. $box-label-padding: null,
  135. $box-label-padding-big: null,
  136. $body-width,
  137. $body-width-big
  138. ) {
  139. $arguments: intersect-arguments(togglefield-ui, sliderfield-ui);
  140. @include sliderfield-ui($arguments...);
  141. }