_form.scss.html 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>The source code</title>
  6. <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
  7. <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
  8. <style type="text/css">
  9. .highlight { display: block; background-color: #ddd; }
  10. </style>
  11. <script type="text/javascript">
  12. function highlight() {
  13. document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
  14. }
  15. </script>
  16. </head>
  17. <body onload="prettyPrint(); highlight();">
  18. <pre class="prettyprint lang-js"><span id='Ext-form-field-Base'>/**
  19. </span> * @class Ext.form.field.Base
  20. */
  21. <span id='Ext-form-field-Base-css_var-S-form-field-height'>/**
  22. </span> * @var {measurement} $form-field-height
  23. * Height for form fields.
  24. */
  25. $form-field-height: 22px !default;
  26. <span id='Ext-form-field-Base-css_var-S-form-toolbar-field-height'>/**
  27. </span> * @var {measurement} $form-toolbar-field-height
  28. * Height for form fields in toolbar.
  29. */
  30. $form-toolbar-field-height: 20px !default;
  31. <span id='Ext-form-field-Base-css_var-S-form-error-icon-width'>/**
  32. </span> * @var {measurement} $form-error-icon-width
  33. * Width for form error icons.
  34. */
  35. $form-error-icon-width: 18px !default;
  36. //padding
  37. <span id='Ext-form-field-Base-css_var-S-form-field-padding'>/**
  38. </span> * @var {measurement} $form-field-padding
  39. * Padding around form fields.
  40. */
  41. $form-field-padding: 1px 3px !default;
  42. //fonts
  43. <span id='Ext-form-field-Base-css_var-S-form-field-font-size'>/**
  44. </span> * @var {measurement} $form-field-font-size
  45. * Font size for form fields.
  46. */
  47. $form-field-font-size: $font-size !default;
  48. <span id='Ext-form-field-Base-css_var-S-form-field-font-family'>/**
  49. </span> * @var {font-family} $form-field-font-family
  50. * Font family for form fields.
  51. */
  52. $form-field-font-family: $font-family !default;
  53. <span id='Ext-form-field-Base-css_var-S-form-field-font-weight'>/**
  54. </span> * @var {font-weight} $form-field-font-weight
  55. * Font weight for form fields.
  56. */
  57. $form-field-font-weight: normal !default;
  58. <span id='Ext-form-field-Base-css_var-S-form-field-font'>/**
  59. </span> * @var {font} $form-field-font
  60. * Font for form fields.
  61. */
  62. $form-field-font: $form-field-font-weight $form-field-font-size $form-field-font-family !default;
  63. <span id='Ext-form-field-Base-css_var-S-form-field-color'>/**
  64. </span> * @var {color} $form-field-color
  65. * Text color for form fields.
  66. */
  67. $form-field-color: #000 !default;
  68. <span id='Ext-form-field-Base-css_var-S-form-field-empty-color'>/**
  69. </span> * @var {color} $form-field-empty-color
  70. * Text color for empty form fields.
  71. */
  72. $form-field-empty-color: gray !default;
  73. //border
  74. <span id='Ext-form-field-Base-css_var-S-form-field-border-color'>/**
  75. </span> * @var {color} $form-field-border-color
  76. * Border color for form fields.
  77. */
  78. $form-field-border-color: #B5B8C8 !default;
  79. <span id='Ext-form-field-Base-css_var-S-form-field-border-width'>/**
  80. </span> * @var {measurement} $form-field-border-width
  81. * Border width for form fields.
  82. */
  83. $form-field-border-width: 1px !default;
  84. <span id='Ext-form-field-Base-css_var-S-form-field-focus-border-color'>/**
  85. </span> * @var {color} $form-field-focus-border-color
  86. * Border color for focused form fields.
  87. */
  88. $form-field-focus-border-color: adjust-color($base-color, $hue: -4.322deg, $saturation: -1.065%, $lightness: -16.863%) !default;
  89. <span id='Ext-form-field-Base-css_var-S-form-field-invalid-border-color'>/**
  90. </span> * @var {color} $form-field-invalid-border-color
  91. * Border color for invalid form fields.
  92. */
  93. $form-field-invalid-border-color: #c30 !default;
  94. //background
  95. <span id='Ext-form-field-Base-css_var-S-form-field-background-color'>/**
  96. </span> * @var {color} $form-field-background-color
  97. * Background color for form fields.
  98. */
  99. $form-field-background-color: #fff !default;
  100. <span id='Ext-form-field-Base-css_var-S-form-field-background-image'>/**
  101. </span> * @var {string} $form-field-background-image
  102. * Background image for form fields.
  103. */
  104. $form-field-background-image: 'form/text-bg.gif' !default;
  105. <span id='Ext-form-field-Base-css_var-S-form-field-invalid-background-color'>/**
  106. </span> * @var {color} $form-field-invalid-background-color
  107. * Background color for invalid form fields.
  108. */
  109. $form-field-invalid-background-color: #fff !default;
  110. <span id='Ext-form-field-Base-css_var-S-form-field-invalid-background-image'>/**
  111. </span> * @var {string} $form-field-invalid-background-image
  112. * Background image for invalid form fields.
  113. */
  114. $form-field-invalid-background-image: 'grid/invalid_line.gif' !default;
  115. <span id='Ext-form-field-Base-css_var-S-form-field-invalid-background-repeat'>/**
  116. </span> * @var {background-repeat} $form-field-invalid-background-repeat
  117. * Background repeat for invalid form fields.
  118. */
  119. $form-field-invalid-background-repeat: repeat-x !default;
  120. <span id='Ext-form-field-Base-css_var-S-form-field-invalid-background-position'>/**
  121. </span> * @var {background-position} $form-field-invalid-background-position
  122. * Background position for invalid form fields.
  123. */
  124. $form-field-invalid-background-position: bottom !default;
  125. <span id='Ext-form-field-TextArea'>/**
  126. </span> * @class Ext.form.field.TextArea
  127. */
  128. $form-textarea-padding: 2px 3px !default;
  129. <span id='Ext-form-Label'>/**
  130. </span> * @class Ext.form.Label
  131. */
  132. $form-label-font-weight: normal !default;
  133. $form-label-font-size: $font-size !default;
  134. $form-label-font-family: $font-family !default;
  135. $form-label-font: $form-label-font-weight $form-label-font-size $form-label-font-family !default;
  136. <span id='Ext-form-field-Checkbox'>/**
  137. </span> * @class Ext.form.field.Checkbox
  138. */
  139. $form-checkbox-image: 'form/checkbox.gif' !default;
  140. $form-checkbox-size: 13px !default;
  141. <span id='Ext-form-field-Radio'>/**
  142. </span> * @class Ext.form.field.Radio
  143. */
  144. $form-radio-image: 'form/radio.gif' !default;
  145. /* Error messages */
  146. //icons
  147. $form-exclamation-icon: 'form/exclamation.gif' !default;
  148. //font
  149. $form-error-msg-color: #c0272b !default;
  150. $form-error-msg-font-weight: normal !default;
  151. $form-error-msg-font-size: ceil($font-size * .9) !default;
  152. $form-error-msg-font-family: $font-family !default;
  153. $form-error-msg-font: $form-error-msg-font-weight $form-error-msg-font-size $form-error-msg-font-family !default;
  154. $form-error-msg-line-height: 16px !default;
  155. <span id='Ext-form-field-Trigger'>/**
  156. </span> * @class Ext.form.field.Trigger
  157. */
  158. $form-trigger-width: 17px !default;
  159. $form-trigger-height: $form-field-height !default;
  160. $form-toolbar-trigger-height: $form-toolbar-field-height !default;
  161. $form-trigger-border-bottom-width: 1px !default;
  162. $form-trigger-border-bottom-style: solid !default;
  163. $form-trigger-border-bottom-color: $form-field-border-color !default;
  164. $form-trigger-border-bottom: $form-trigger-border-bottom-width $form-trigger-border-bottom-style $form-trigger-border-bottom-color !default;
  165. $form-trigger-border-bottom-color-over: adjust-color($base-color, $hue: -4.322deg, $saturation: -1.065%, $lightness: -16.863%) !default;
  166. $form-trigger-border-bottom-color-focus: adjust-color($base-color, $hue: -4.322deg, $saturation: -1.065%, $lightness: -16.863%) !default;
  167. $form-trigger-border-bottom-color-focus-over: null !default;
  168. $form-trigger-border-bottom-color-pressed: null !default;
  169. $form-trigger-icon-background-position: 7px 6px !default;
  170. <span id='Ext-form-FieldSet'>/**
  171. </span> * @class Ext.form.FieldSet
  172. */
  173. $fieldset-header-font-size: ceil($font-size * .9) !default;
  174. $fieldset-header-font-weight: bold !default;
  175. $fieldset-header-font-family: $font-family !default;
  176. $fieldset-header-line-height: 14px !default;
  177. $fieldset-header-font: #{$fieldset-header-font-size}/#{$fieldset-header-line-height} $fieldset-header-font-weight $fieldset-header-font-family !default;
  178. $fieldset-header-color: adjust-color($base-color, $hue: 3.785deg, $saturation: 18.194%, $lightness: -52.745%) !default;
  179. $fieldset-border-width: 1px !default;
  180. $fieldset-border-style: solid !default;
  181. $fieldset-border-color: $form-field-border-color !default;
  182. $fieldset-border: $fieldset-border-width $fieldset-border-style $fieldset-border-color !default;
  183. $fieldset-padding: 10px !default;
  184. $fieldset-header-padding: 0 3px 1px !default;
  185. /**
  186. * @class Ext.slider.Multi
  187. */
  188. $horizontal-slider-thumb-width: 14px !default;
  189. $horizontal-slider-thumb-height: 15px !default;
  190. $vertical-slider-thumb-width: 15px !default;
  191. $vertical-slider-thumb-height: 14px !default;</pre>
  192. </body>
  193. </html>