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