]>
Commit | Line | Data |
---|---|---|
6527f429 DM |
1 | /**\r |
2 | * Creates a visual theme for a {@link #scale large} Button.\r | |
3 | *\r | |
4 | * @param {string} $ui\r | |
5 | * The name of the UI being created. Can not included spaces or special punctuation\r | |
6 | * (used in CSS class names).\r | |
7 | *\r | |
8 | * @param {number} [$border-radius=$button-large-border-radius]\r | |
9 | * The border-radius of the button\r | |
10 | *\r | |
11 | * @param {number} [$border-width=$button-large-border-width]\r | |
12 | * The border-width of the button\r | |
13 | *\r | |
14 | * @param {color} [$border-color=$button-default-border-color]\r | |
15 | * The border-color of the button\r | |
16 | *\r | |
17 | * @param {color} [$border-color-over=$button-default-border-color-over]\r | |
18 | * The border-color of the button when the cursor is over the button\r | |
19 | *\r | |
20 | * @param {color} [$border-color-focus=$button-default-border-color-focus]\r | |
21 | * The border-color of the button when focused\r | |
22 | *\r | |
23 | * @param {color} [$border-color-pressed=$button-default-border-color-pressed]\r | |
24 | * The border-color of the button when pressed\r | |
25 | *\r | |
26 | * @param {color} [$border-color-focus-over=$button-default-border-color-focus-over]\r | |
27 | * The border-color of the button when the button is focused and the cursor is over the\r | |
28 | * button\r | |
29 | *\r | |
30 | * @param {color} [$border-color-focus-pressed=$button-default-border-color-focus-pressed]\r | |
31 | * The border-color of the button when focused and pressed\r | |
32 | *\r | |
33 | * @param {color} [$border-color-disabled=$button-default-border-color-disabled]\r | |
34 | * The border-color of the button when disabled\r | |
35 | *\r | |
36 | * @param {number} [$padding=$button-large-padding]\r | |
37 | * The amount of padding inside the border of the button on all sides\r | |
38 | *\r | |
39 | * @param {number} [$text-padding=$button-large-text-padding]\r | |
40 | * The amount of horizontal space to add to the left and right of the button text\r | |
41 | *\r | |
42 | * @param {color} [$background-color=$button-default-background-color]\r | |
43 | * The background-color of the button\r | |
44 | *\r | |
45 | * @param {color} [$background-color-over=$button-default-background-color-over]\r | |
46 | * The background-color of the button when the cursor is over the button\r | |
47 | *\r | |
48 | * @param {color} [$background-color-focus=$button-default-background-color-focus]\r | |
49 | * The background-color of the button when focused\r | |
50 | *\r | |
51 | * @param {color} [$background-color-pressed=$button-default-background-color-pressed]\r | |
52 | * The background-color of the button when pressed\r | |
53 | *\r | |
54 | * @param {color} [$background-color-focus-over=$button-default-background-color-focus-over]\r | |
55 | * The background-color of the button when the button is focused and the cursor is over\r | |
56 | * the button\r | |
57 | *\r | |
58 | * @param {color} [$background-color-focus-pressed=$button-default-background-color-focus-pressed]\r | |
59 | * The background-color of the button when focused and pressed\r | |
60 | *\r | |
61 | * @param {color} [$background-color-disabled=$button-default-background-color-disabled]\r | |
62 | * The background-color of the button when disabled\r | |
63 | *\r | |
64 | * @param {string/list} [$background-gradient=$button-default-background-gradient]\r | |
65 | * The background-gradient for the button. Can be either the name of a predefined gradient\r | |
66 | * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.\r | |
67 | *\r | |
68 | * @param {string/list} [$background-gradient-over=$button-default-background-gradient-over]\r | |
69 | * The background-gradient to use when the cursor is over the button. Can be either the\r | |
70 | * name of a predefined gradient or a list of color stops. Used as the `$type` parameter\r | |
71 | * for {@link Global_CSS#background-gradient}.\r | |
72 | *\r | |
73 | * @param {string/list} [$background-gradient-focus=$button-default-background-gradient-focus]\r | |
74 | * The background-gradient to use when the the button is focused. Can be either the name\r | |
75 | * of a predefined gradient or a list of color stops. Used as the `$type` parameter for\r | |
76 | * {@link Global_CSS#background-gradient}.\r | |
77 | *\r | |
78 | * @param {string/list} [$background-gradient-pressed=$button-default-background-gradient-pressed]\r | |
79 | * The background-gradient to use when the the button is pressed. Can be either the name\r | |
80 | * of a predefined gradient or a list of color stops. Used as the `$type` parameter for\r | |
81 | * {@link Global_CSS#background-gradient}.\r | |
82 | *\r | |
83 | * @param {string} [$background-gradient-focus-over=$button-default-background-gradient-focus-over]\r | |
84 | * The background-gradient to use when the the button is focused and the cursor is over\r | |
85 | * the button. Can be either the name of a predefined gradient or a list of color stops.\r | |
86 | * Used as the `$type` parameter for {@link Global_CSS#background-gradient}.\r | |
87 | *\r | |
88 | * @param {string} [$background-gradient-focus-pressed=$button-default-background-gradient-focus-pressed]\r | |
89 | * The background-gradient to use when the the button is focused and pressed. Can be\r | |
90 | * either the name of a predefined gradient or a list of color stops. Used as the `$type`\r | |
91 | * parameter for {@link Global_CSS#background-gradient}.\r | |
92 | *\r | |
93 | * @param {string/list} [$background-gradient-disabled=$button-default-background-gradient-disabled]\r | |
94 | * The background-gradient to use when the the button is disabled. Can be either the name\r | |
95 | * of a predefined gradient or a list of color stops. Used as the `$type` parameter for\r | |
96 | * {@link Global_CSS#background-gradient}.\r | |
97 | *\r | |
98 | * @param {color} [$color=$button-default-color]\r | |
99 | * The text color of the button\r | |
100 | *\r | |
101 | * @param {color} [$color-over=$button-default-color-over]\r | |
102 | * The text color of the button when the cursor is over the button\r | |
103 | *\r | |
104 | * @param {color} [$color-focus=$button-default-color-focus]\r | |
105 | * The text color of the button when the button is focused\r | |
106 | *\r | |
107 | * @param {color} [$color-pressed=$button-default-color-pressed]\r | |
108 | * The text color of the button when the button is pressed\r | |
109 | *\r | |
110 | * @param {color} [$color-focus-over=$button-default-color-focus-over]\r | |
111 | * The text color of the button when the button is focused and the cursor is over the button\r | |
112 | *\r | |
113 | * @param {color} [$color-focus-pressed=$button-default-color-focus-pressed]\r | |
114 | * The text color of the button when the button is focused and pressed\r | |
115 | *\r | |
116 | * @param {color} [$color-disabled=$button-default-color-disabled]\r | |
117 | * The text color of the button when the button is disabled\r | |
118 | *\r | |
119 | * @param {number/list} [$inner-border-width=$button-default-inner-border-width]\r | |
120 | * The inner border-width of the button\r | |
121 | *\r | |
122 | * @param {number/list} [$inner-border-width-over=$button-default-inner-border-width-over]\r | |
123 | * The inner border-width of the button when the cursor is over the button\r | |
124 | *\r | |
125 | * @param {number/list} [$inner-border-width-focus=$button-default-inner-border-width-focus]\r | |
126 | * The inner border-width of the button when focused\r | |
127 | *\r | |
128 | * @param {number/list} [$inner-border-width-pressed=$button-default-inner-border-width-pressed]\r | |
129 | * The inner border-width of the button when pressed\r | |
130 | *\r | |
131 | * @param {number/list} [$inner-border-width-focus-over=$button-default-inner-border-width-focus-over]\r | |
132 | * The inner border-width of the button when the button is focused and the cursor is over\r | |
133 | * the button\r | |
134 | *\r | |
135 | * @param {number/list} [$inner-border-width-focus-pressed=$button-default-inner-border-width-focus-pressed]\r | |
136 | * The inner border-width of the button when focused and pressed\r | |
137 | *\r | |
138 | * @param {number/list} [$inner-border-width-disabled=$button-default-inner-border-width-disabled]\r | |
139 | * The inner border-width of the button when disabled\r | |
140 | *\r | |
141 | * @param {color} [$inner-border-color=$button-default-inner-border-color]\r | |
142 | * The inner border-color of the button\r | |
143 | *\r | |
144 | * @param {color} [$inner-border-color-over=$button-default-inner-border-color-over]\r | |
145 | * The inner border-color of the button when the cursor is over the button\r | |
146 | *\r | |
147 | * @param {color} [$inner-border-color-focus=$button-default-inner-border-color-focus]\r | |
148 | * The inner border-color of the button when focused\r | |
149 | *\r | |
150 | * @param {color} [$inner-border-color-pressed=$button-default-inner-border-color-pressed]\r | |
151 | * The inner border-color of the button when pressed\r | |
152 | *\r | |
153 | * @param {color} [$inner-border-color-focus-over=$button-default-inner-border-color-focus-over]\r | |
154 | * The inner border-color of the button when the button is focused and the cursor is over\r | |
155 | * the button\r | |
156 | *\r | |
157 | * @param {color} [$inner-border-color-focus-pressed=$button-default-inner-border-color-focus-pressed]\r | |
158 | * The inner border-color of the button when focused and pressed\r | |
159 | *\r | |
160 | * @param {color} [$inner-border-color-disabled=$button-default-inner-border-color-disabled]\r | |
161 | * The inner border-color of the button when disabled\r | |
162 | *\r | |
163 | * @param {number} [$body-outline-width-focus=$button-default-body-outline-width-focus]\r | |
164 | * The body outline width of the button when focused\r | |
165 | *\r | |
166 | * @param {number} [$body-outline-style-focus=$button-default-body-outline-style-focus]\r | |
167 | * The body outline-style of the button when focused\r | |
168 | *\r | |
169 | * @param {number} [$body-outline-color-focus=$button-default-body-outline-color-focus]\r | |
170 | * The body outline color of the button when focused\r | |
171 | *\r | |
172 | * @param {number} [$font-size=$button-large-font-size]\r | |
173 | * The font-size of the button\r | |
174 | *\r | |
175 | * @param {number} [$font-size-over=$button-large-font-size-over]\r | |
176 | * The font-size of the button when the cursor is over the button\r | |
177 | *\r | |
178 | * @param {number} [$font-size-focus=$button-large-font-size-focus]\r | |
179 | * The font-size of the button when the button is focused\r | |
180 | *\r | |
181 | * @param {number} [$font-size-pressed=$button-large-font-size-pressed]\r | |
182 | * The font-size of the button when the button is pressed\r | |
183 | *\r | |
184 | * @param {number} [$font-size-focus-over=$button-large-font-size-focus-over]\r | |
185 | * The font-size of the button when the button is focused and the cursor is over the\r | |
186 | * button\r | |
187 | *\r | |
188 | * @param {number} [$font-size-focus-pressed=$button-large-font-size-focus-pressed]\r | |
189 | * The font-size of the button when the button is focused and pressed\r | |
190 | *\r | |
191 | * @param {number} [$font-size-disabled=$button-large-font-size-disabled]\r | |
192 | * The font-size of the button when the button is disabled\r | |
193 | *\r | |
194 | * @param {string} [$font-weight=$button-large-font-weight]\r | |
195 | * The font-weight of the button\r | |
196 | *\r | |
197 | * @param {string} [$font-weight-over=$button-large-font-weight-over]\r | |
198 | * The font-weight of the button when the cursor is over the button\r | |
199 | *\r | |
200 | * @param {string} [$font-weight-focus=$button-large-font-weight-focus]\r | |
201 | * The font-weight of the button when the button is focused\r | |
202 | *\r | |
203 | * @param {string} [$font-weight-pressed=$button-large-font-weight-pressed]\r | |
204 | * The font-weight of the button when the button is pressed\r | |
205 | *\r | |
206 | * @param {string} [$font-weight-focus-over=$button-large-font-weight-focus-over]\r | |
207 | * The font-weight of the button when the button is focused and the cursor is over the\r | |
208 | * button\r | |
209 | *\r | |
210 | * @param {string} [$font-weight-focus-pressed=$button-large-font-weight-focus-pressed]\r | |
211 | * The font-weight of the button when the button is focused and pressed\r | |
212 | *\r | |
213 | * @param {string} [$font-weight-disabled=$button-large-font-weight-disabled]\r | |
214 | * The font-weight of the button when the button is disabled\r | |
215 | *\r | |
216 | * @param {string} [$font-family=$button-large-font-family]\r | |
217 | * The font-family of the button\r | |
218 | *\r | |
219 | * @param {string} [$font-family-over=$button-large-font-family-over]\r | |
220 | * The font-family of the button when the cursor is over the button\r | |
221 | *\r | |
222 | * @param {string} [$font-family-focus=$button-large-font-family-focus]\r | |
223 | * The font-family of the button when the button is focused\r | |
224 | *\r | |
225 | * @param {string} [$font-family-pressed=$button-large-font-family-pressed]\r | |
226 | * The font-family of the button when the button is pressed\r | |
227 | *\r | |
228 | * @param {string} [$font-family-focus-over=$button-large-font-family-focus-over]\r | |
229 | * The font-family of the button when the button is focused and the cursor is over the\r | |
230 | * button\r | |
231 | *\r | |
232 | * @param {string} [$font-family-focus-pressed=$button-large-font-family-focus-pressed]\r | |
233 | * The font-family of the button when the button is focused and pressed\r | |
234 | *\r | |
235 | * @param {string} [$font-family-disabled=$button-large-font-family-disabled]\r | |
236 | * The font-family of the button when the button is disabled\r | |
237 | *\r | |
238 | * @param {number} [$line-height=$button-large-line-height]\r | |
239 | * The line-height of the button text\r | |
240 | *\r | |
241 | * @param {number} [$icon-size=$button-large-icon-size]\r | |
242 | * The size of the button icon\r | |
243 | *\r | |
244 | * @param {number} [$glyph-font-size=$button-large-glyph-font-size]\r | |
245 | * The font-size for the button glyph\r | |
246 | *\r | |
247 | * @param {number} [$icon-spacing=$button-large-icon-spacing]\r | |
248 | * The space between the button's icon and text\r | |
249 | *\r | |
250 | * @param {color} [$glyph-color=$button-default-glyph-color]\r | |
251 | * The color of the button's {@link #glyph} icon\r | |
252 | *\r | |
253 | * @param {number} [$glyph-opacity=$button-default-glyph-opacity]\r | |
254 | * The opacity of the button's {@link #glyph} icon\r | |
255 | *\r | |
256 | * @param {number} [$arrow-width=$button-large-arrow-width]\r | |
257 | * The width of the button's {@link #cfg-menu} arrow\r | |
258 | *\r | |
259 | * @param {number} [$arrow-height=$button-large-arrow-height]\r | |
260 | * The height of the button's {@link #cfg-menu} arrow\r | |
261 | *\r | |
262 | * @param {string/list} [$arrow-glyph=$button-large-arrow-glyph]\r | |
263 | * Glyph for the button arrow when when {@link Global_CSS#$enable-font-icons} is `true`.\r | |
264 | *\r | |
265 | * @param {string/list} [$arrow-glyph-color=$button-default-arrow-glyph-color]\r | |
266 | * Glyph color for the button arrow when when {@link Global_CSS#$enable-font-icons} is `true`.\r | |
267 | *\r | |
268 | * @param {number} [$split-width=$button-large-split-width]\r | |
269 | * The width of a {@link Ext.button.Split Split Button}'s arrow\r | |
270 | *\r | |
271 | * @param {number} [$split-height=$button-large-split-height]\r | |
272 | * The height of a {@link Ext.button.Split Split Button}'s arrow\r | |
273 | *\r | |
274 | * @param {number} [$split-line-width=$button-large-split-line-width]\r | |
275 | * The default width for a {@link Ext.button.Split Split Button}'s line.\r | |
276 | * Themes that include the line in the arrow background image should set this to 0\r | |
277 | *\r | |
278 | * @param {color} [$split-line-color=$button-default-split-line-color]\r | |
279 | * The color for a {@link Ext.button.Split Split Button}'s line.\r | |
280 | * Only applicable when `$split-line-width` is greater than 0.\r | |
281 | *\r | |
282 | * @param {boolean} [$include-ui-menu-arrows=$button-include-ui-menu-arrows]\r | |
283 | * True to include the UI name in the file name of the {@link #cfg-menu}\r | |
284 | * arrow icon. Set this to false to share the same arrow bewteen multiple UIs.\r | |
285 | *\r | |
286 | * @param {boolean} [$include-ui-split-arrows=$button-include-ui-split-arrows]\r | |
287 | * True to include the UI name in the file name of the {@link Ext.button.Split Split Button}'s\r | |
288 | * arrow icon. Set this to false to share the same arrow bewteen multiple UIs.\r | |
289 | *\r | |
290 | * @param {boolean} [$include-split-noline-arrows=$button-include-split-noline-arrows]\r | |
291 | * True to add a "-noline" suffix to the file name of the {@link Ext.button.Split Split Button}'s \r | |
292 | * arrow icon. Used for hiding the split line when toolbar buttons are in their default\r | |
293 | * state.\r | |
294 | *\r | |
295 | * @param {boolean} [$include-split-over-arrows=$button-include-split-over-arrows]\r | |
296 | * True to use a separate icon for {@link Ext.button.Split Split Button}s when the cursor\r | |
297 | * is over the button. The over icon file name will have a "-o" suffix\r | |
298 | *\r | |
299 | * @param {number} [$opacity-disabled=$button-opacity-disabled]\r | |
300 | * The opacity of the button when it is disabled\r | |
301 | *\r | |
302 | * @param {number} [$inner-opacity-disabled=$button-inner-opacity-disabled]\r | |
303 | * The opacity of the button's text and icon elements when when the button is disabled\r | |
304 | * \r | |
305 | * @member Ext.button.Button\r | |
306 | */\r | |
307 | @mixin extjs-button-large-ui(\r | |
308 | $ui,\r | |
309 | \r | |
310 | $border-radius: $button-large-border-radius,\r | |
311 | $border-width: $button-large-border-width,\r | |
312 | \r | |
313 | $border-color: null,\r | |
314 | $border-color-over: null,\r | |
315 | $border-color-focus: null,\r | |
316 | $border-color-pressed: null,\r | |
317 | $border-color-focus-over: null,\r | |
318 | $border-color-focus-pressed: null,\r | |
319 | $border-color-disabled: null,\r | |
320 | \r | |
321 | $padding: $button-large-padding,\r | |
322 | $text-padding: $button-large-text-padding,\r | |
323 | \r | |
324 | $background-color: null,\r | |
325 | $background-color-over: null,\r | |
326 | $background-color-focus: null,\r | |
327 | $background-color-pressed: null,\r | |
328 | $background-color-focus-over: null,\r | |
329 | $background-color-focus-pressed: null,\r | |
330 | $background-color-disabled: null,\r | |
331 | \r | |
332 | $background-gradient: $button-default-background-gradient,\r | |
333 | $background-gradient-over: $button-default-background-gradient-over,\r | |
334 | $background-gradient-focus: $button-default-background-gradient-focus,\r | |
335 | $background-gradient-pressed: $button-default-background-gradient-pressed,\r | |
336 | $background-gradient-focus-over: $button-default-background-gradient-focus-over,\r | |
337 | $background-gradient-focus-pressed: $button-default-background-gradient-focus-pressed,\r | |
338 | $background-gradient-disabled: $button-default-background-gradient-disabled,\r | |
339 | \r | |
340 | $color: null,\r | |
341 | $color-over: null,\r | |
342 | $color-focus: null,\r | |
343 | $color-pressed: null,\r | |
344 | $color-focus-over: null,\r | |
345 | $color-focus-pressed: null,\r | |
346 | $color-disabled: null,\r | |
347 | \r | |
348 | $inner-border-width: null,\r | |
349 | $inner-border-width-over: null,\r | |
350 | $inner-border-width-focus: null,\r | |
351 | $inner-border-width-pressed: null,\r | |
352 | $inner-border-width-focus-over: null,\r | |
353 | $inner-border-width-focus-pressed: null,\r | |
354 | $inner-border-width-disabled: null,\r | |
355 | \r | |
356 | $inner-border-color: null,\r | |
357 | $inner-border-color-over: null,\r | |
358 | $inner-border-color-focus: null,\r | |
359 | $inner-border-color-pressed: null,\r | |
360 | $inner-border-color-focus-over: null,\r | |
361 | $inner-border-color-focus-pressed: null,\r | |
362 | $inner-border-color-disabled: null,\r | |
363 | \r | |
364 | $body-outline-width-focus: $button-default-body-outline-width-focus,\r | |
365 | $body-outline-style-focus: $button-default-body-outline-style-focus,\r | |
366 | $body-outline-color-focus: $button-default-body-outline-color-focus,\r | |
367 | \r | |
368 | $font-size: null,\r | |
369 | $font-size-over: null,\r | |
370 | $font-size-focus: null,\r | |
371 | $font-size-pressed: null,\r | |
372 | $font-size-focus-over: null,\r | |
373 | $font-size-focus-pressed: null,\r | |
374 | $font-size-disabled: null,\r | |
375 | \r | |
376 | $font-weight: null,\r | |
377 | $font-weight-over: null,\r | |
378 | $font-weight-focus: null,\r | |
379 | $font-weight-pressed: null,\r | |
380 | $font-weight-focus-over: null,\r | |
381 | $font-weight-focus-pressed: null,\r | |
382 | $font-weight-disabled: null,\r | |
383 | \r | |
384 | $font-family: null,\r | |
385 | $font-family-over: null,\r | |
386 | $font-family-focus: null,\r | |
387 | $font-family-pressed: null,\r | |
388 | $font-family-focus-over: null,\r | |
389 | $font-family-focus-pressed: null,\r | |
390 | $font-family-disabled: null,\r | |
391 | \r | |
392 | $line-height: $button-large-line-height,\r | |
393 | $icon-size: $button-large-icon-size,\r | |
394 | $glyph-font-size: $button-large-glyph-font-size,\r | |
395 | $icon-spacing: $button-large-icon-spacing,\r | |
396 | $glyph-color: $button-default-glyph-color,\r | |
397 | $glyph-opacity: $button-default-glyph-opacity,\r | |
398 | $arrow-width: $button-large-arrow-width,\r | |
399 | $arrow-height: $button-large-arrow-height,\r | |
400 | $arrow-glyph: $button-large-arrow-glyph,\r | |
401 | $arrow-glyph-color: $button-default-arrow-glyph-color,\r | |
402 | $split-width: $button-large-split-width,\r | |
403 | $split-height: $button-large-split-height,\r | |
404 | $split-line-width: $button-large-split-line-width,\r | |
405 | $split-line-color: $button-default-split-line-color,\r | |
406 | $include-ui-menu-arrows: $button-include-ui-menu-arrows,\r | |
407 | $include-ui-split-arrows: $button-include-ui-split-arrows,\r | |
408 | $include-split-noline-arrows: $button-include-split-noline-arrows,\r | |
409 | $include-split-over-arrows: $button-include-split-over-arrows,\r | |
410 | $opacity-disabled: $button-opacity-disabled,\r | |
411 | $inner-opacity-disabled: $button-inner-opacity-disabled\r | |
412 | ) {\r | |
413 | @if $border-color == null {\r | |
414 | $border-color: $button-default-border-color;\r | |
415 | \r | |
416 | @if $border-color-over == null {\r | |
417 | $border-color-over: $button-default-border-color-over;\r | |
418 | }\r | |
419 | \r | |
420 | @if $border-color-focus == null {\r | |
421 | $border-color-focus: $button-default-border-color-focus;\r | |
422 | }\r | |
423 | \r | |
424 | @if $border-color-pressed == null {\r | |
425 | $border-color-pressed: $button-default-border-color-pressed;\r | |
426 | }\r | |
427 | \r | |
428 | @if $border-color-focus-over == null {\r | |
429 | $border-color-focus-over: $button-default-border-color-focus-over;\r | |
430 | }\r | |
431 | \r | |
432 | @if $border-color-focus-pressed == null {\r | |
433 | $border-color-focus-pressed: $button-default-border-color-focus-pressed;\r | |
434 | }\r | |
435 | \r | |
436 | @if $border-color-disabled == null {\r | |
437 | $border-color-disabled: $button-default-border-color-disabled;\r | |
438 | }\r | |
439 | } @else {\r | |
440 | @if $border-color-over == null {\r | |
441 | $border-color-over: button-default-border-color-over($border-color);\r | |
442 | }\r | |
443 | \r | |
444 | @if $border-color-focus == null {\r | |
445 | $border-color-focus: button-default-border-color-focus($border-color);\r | |
446 | }\r | |
447 | \r | |
448 | @if $border-color-pressed == null {\r | |
449 | $border-color-pressed: button-default-border-color-pressed($border-color);\r | |
450 | }\r | |
451 | \r | |
452 | @if $border-color-focus-over == null {\r | |
453 | $border-color-focus-over: $border-color-over;\r | |
454 | }\r | |
455 | \r | |
456 | @if $border-color-focus-pressed == null {\r | |
457 | $border-color-focus-pressed: $border-color-pressed;\r | |
458 | }\r | |
459 | \r | |
460 | @if $border-color-disabled == null {\r | |
461 | $border-color-disabled: button-default-border-color-disabled($border-color);\r | |
462 | }\r | |
463 | }\r | |
464 | \r | |
465 | @if $background-color == null {\r | |
466 | $background-color: $button-default-background-color;\r | |
467 | \r | |
468 | @if $background-color-over == null {\r | |
469 | $background-color-over: $button-default-background-color-over;\r | |
470 | }\r | |
471 | \r | |
472 | @if $background-color-focus == null {\r | |
473 | $background-color-focus: $button-default-background-color-focus;\r | |
474 | }\r | |
475 | \r | |
476 | @if $background-color-pressed == null {\r | |
477 | $background-color-pressed: $button-default-background-color-pressed;\r | |
478 | }\r | |
479 | \r | |
480 | @if $background-color-focus-over == null {\r | |
481 | $background-color-focus-over: $button-default-background-color-focus-over;\r | |
482 | }\r | |
483 | \r | |
484 | @if $background-color-focus-pressed == null {\r | |
485 | $background-color-focus-pressed: $button-default-background-color-focus-pressed;\r | |
486 | }\r | |
487 | \r | |
488 | @if $background-color-disabled == null {\r | |
489 | $background-color-disabled: $button-default-background-color-disabled;\r | |
490 | }\r | |
491 | } @else {\r | |
492 | @if $background-color-over == null {\r | |
493 | $background-color-over: button-default-background-color-over($background-color);\r | |
494 | }\r | |
495 | \r | |
496 | @if $background-color-focus == null {\r | |
497 | $background-color-focus: button-default-background-color-focus($background-color);\r | |
498 | }\r | |
499 | \r | |
500 | @if $background-color-pressed == null {\r | |
501 | $background-color-pressed: button-default-background-color-pressed($background-color);\r | |
502 | }\r | |
503 | \r | |
504 | @if $background-color-focus-over == null {\r | |
505 | $background-color-focus-over: $background-color-over;\r | |
506 | }\r | |
507 | \r | |
508 | @if $background-color-focus-pressed == null {\r | |
509 | $background-color-focus-pressed: $background-color-pressed;\r | |
510 | }\r | |
511 | \r | |
512 | @if $background-color-disabled == null {\r | |
513 | $background-color-disabled: button-default-background-color-disabled($background-color);\r | |
514 | }\r | |
515 | }\r | |
516 | \r | |
517 | @if $color == null {\r | |
518 | $color: $button-default-color;\r | |
519 | \r | |
520 | @if $color-over == null {\r | |
521 | $color-over: $button-default-color-over;\r | |
522 | }\r | |
523 | \r | |
524 | @if $color-focus == null {\r | |
525 | $color-focus: $button-default-color-focus;\r | |
526 | }\r | |
527 | \r | |
528 | @if $color-pressed == null {\r | |
529 | $color-pressed: $button-default-color-pressed;\r | |
530 | }\r | |
531 | \r | |
532 | @if $color-focus-over == null {\r | |
533 | $color-focus-over: $button-default-color-focus-over;\r | |
534 | }\r | |
535 | \r | |
536 | @if $color-focus-pressed == null {\r | |
537 | $color-focus-pressed: $button-default-color-focus-pressed;\r | |
538 | }\r | |
539 | \r | |
540 | @if $color-disabled == null {\r | |
541 | $color-disabled: $button-default-color-disabled;\r | |
542 | }\r | |
543 | } @else {\r | |
544 | @if $color-over == null {\r | |
545 | $color-over: button-default-color-over($color);\r | |
546 | }\r | |
547 | \r | |
548 | @if $color-focus == null {\r | |
549 | $color-focus: button-default-color-focus($color);\r | |
550 | }\r | |
551 | \r | |
552 | @if $color-pressed == null {\r | |
553 | $color-pressed: button-default-color-pressed($color);\r | |
554 | }\r | |
555 | \r | |
556 | @if $color-focus-over == null {\r | |
557 | $color-focus-over: $color-over;\r | |
558 | }\r | |
559 | \r | |
560 | @if $color-focus-pressed == null {\r | |
561 | $color-focus-pressed: $color-pressed;\r | |
562 | }\r | |
563 | \r | |
564 | @if $color-disabled == null {\r | |
565 | $color-disabled: button-default-color-disabled($color);\r | |
566 | }\r | |
567 | }\r | |
568 | \r | |
569 | @if $inner-border-width == null {\r | |
570 | $inner-border-width: $button-default-inner-border-width;\r | |
571 | \r | |
572 | @if $inner-border-width-over == null {\r | |
573 | $inner-border-width-over: $button-default-inner-border-width-over;\r | |
574 | }\r | |
575 | \r | |
576 | @if $inner-border-width-focus == null {\r | |
577 | $inner-border-width-focus: $button-default-inner-border-width-focus;\r | |
578 | }\r | |
579 | \r | |
580 | @if $inner-border-width-pressed == null {\r | |
581 | $inner-border-width-pressed: $button-default-inner-border-width-pressed;\r | |
582 | }\r | |
583 | \r | |
584 | @if $inner-border-width-focus-over == null {\r | |
585 | $inner-border-width-focus-over: $button-default-inner-border-width-focus-over;\r | |
586 | }\r | |
587 | \r | |
588 | @if $inner-border-width-focus-pressed == null {\r | |
589 | $inner-border-width-focus-pressed: $button-default-inner-border-width-focus-pressed;\r | |
590 | }\r | |
591 | \r | |
592 | @if $inner-border-width-disabled == null {\r | |
593 | $inner-border-width-disabled: $button-default-inner-border-width-disabled;\r | |
594 | }\r | |
595 | } @else {\r | |
596 | @if $inner-border-width-over == null {\r | |
597 | $inner-border-width-over: $inner-border-width;\r | |
598 | }\r | |
599 | \r | |
600 | @if $inner-border-width-focus == null {\r | |
601 | $inner-border-width-focus: $inner-border-width;\r | |
602 | }\r | |
603 | \r | |
604 | @if $inner-border-width-pressed == null {\r | |
605 | $inner-border-width-pressed: $inner-border-width;\r | |
606 | }\r | |
607 | \r | |
608 | @if $inner-border-width-focus-over == null {\r | |
609 | $inner-border-width-focus-over: $inner-border-width-over;\r | |
610 | }\r | |
611 | \r | |
612 | @if $inner-border-width-focus-pressed == null {\r | |
613 | $inner-border-width-focus-pressed: $inner-border-width-pressed;\r | |
614 | }\r | |
615 | \r | |
616 | @if $inner-border-width-disabled == null {\r | |
617 | $inner-border-width-disabled: $inner-border-width;\r | |
618 | }\r | |
619 | }\r | |
620 | \r | |
621 | @if $inner-border-color == null {\r | |
622 | $inner-border-color: $button-default-inner-border-color;\r | |
623 | \r | |
624 | @if $inner-border-color-over == null {\r | |
625 | $inner-border-color-over: $button-default-inner-border-color-over;\r | |
626 | }\r | |
627 | \r | |
628 | @if $inner-border-color-focus == null {\r | |
629 | $inner-border-color-focus: $button-default-inner-border-color-focus;\r | |
630 | }\r | |
631 | \r | |
632 | @if $inner-border-color-pressed == null {\r | |
633 | $inner-border-color-pressed: $button-default-inner-border-color-pressed;\r | |
634 | }\r | |
635 | \r | |
636 | @if $inner-border-color-focus-over == null {\r | |
637 | $inner-border-color-focus-over: $button-default-inner-border-color-focus-over;\r | |
638 | }\r | |
639 | \r | |
640 | @if $inner-border-color-focus-pressed == null {\r | |
641 | $inner-border-color-focus-pressed: $button-default-inner-border-color-focus-pressed;\r | |
642 | }\r | |
643 | \r | |
644 | @if $inner-border-color-disabled == null {\r | |
645 | $inner-border-color-disabled: $button-default-inner-border-color-disabled;\r | |
646 | }\r | |
647 | } @else {\r | |
648 | @if $inner-border-color-over == null {\r | |
649 | $inner-border-color-over: button-default-inner-border-color-over($background-color-over, $color-over);\r | |
650 | }\r | |
651 | \r | |
652 | @if $inner-border-color-focus == null {\r | |
653 | $inner-border-color-focus: button-default-inner-border-color-focus($background-color-focus, $color-focus);\r | |
654 | }\r | |
655 | \r | |
656 | @if $inner-border-color-pressed == null {\r | |
657 | $inner-border-color-pressed: button-default-inner-border-color-pressed($background-color-pressed, $color-pressed);\r | |
658 | }\r | |
659 | \r | |
660 | @if $inner-border-color-focus-over == null {\r | |
661 | $inner-border-color-focus-over: button-default-inner-border-color-focus-over($background-color-focus-over, $color-focus-over);\r | |
662 | }\r | |
663 | \r | |
664 | @if $inner-border-color-focus-pressed == null {\r | |
665 | $inner-border-color-focus-pressed: button-default-inner-border-color-focus-pressed($background-color-focus-pressed, $color-focus-pressed);\r | |
666 | }\r | |
667 | \r | |
668 | @if $inner-border-color-disabled == null {\r | |
669 | $inner-border-color-disabled: button-default-inner-border-color-disabled($background-color-disabled, $color-disabled);\r | |
670 | }\r | |
671 | }\r | |
672 | \r | |
673 | @if $font-size == null {\r | |
674 | $font-size: $button-large-font-size;\r | |
675 | \r | |
676 | @if $font-size-over == null {\r | |
677 | $font-size-over: $button-large-font-size-over;\r | |
678 | }\r | |
679 | \r | |
680 | @if $font-size-focus == null {\r | |
681 | $font-size-focus: $button-large-font-size-focus;\r | |
682 | }\r | |
683 | \r | |
684 | @if $font-size-pressed == null {\r | |
685 | $font-size-pressed: $button-large-font-size-pressed;\r | |
686 | }\r | |
687 | \r | |
688 | @if $font-size-focus-over == null {\r | |
689 | $font-size-focus-over: $button-large-font-size-focus-over;\r | |
690 | }\r | |
691 | \r | |
692 | @if $font-size-focus-pressed == null {\r | |
693 | $font-size-focus-pressed: $button-large-font-size-focus-pressed;\r | |
694 | }\r | |
695 | \r | |
696 | @if $font-size-disabled == null {\r | |
697 | $font-size-disabled: $button-large-font-size-disabled;\r | |
698 | }\r | |
699 | } @else {\r | |
700 | @if $font-size-over == null {\r | |
701 | $font-size-over: $font-size;\r | |
702 | }\r | |
703 | \r | |
704 | @if $font-size-focus == null {\r | |
705 | $font-size-focus: $font-size;\r | |
706 | }\r | |
707 | \r | |
708 | @if $font-size-pressed == null {\r | |
709 | $font-size-pressed: $font-size;\r | |
710 | }\r | |
711 | \r | |
712 | @if $font-size-focus-over == null {\r | |
713 | $font-size-focus-over: $font-size-over;\r | |
714 | }\r | |
715 | \r | |
716 | @if $font-size-focus-pressed == null {\r | |
717 | $font-size-focus-pressed: $font-size-pressed;\r | |
718 | }\r | |
719 | \r | |
720 | @if $font-size-disabled == null {\r | |
721 | $font-size-disabled: $font-size;\r | |
722 | }\r | |
723 | }\r | |
724 | \r | |
725 | @if $font-weight == null {\r | |
726 | $font-weight: $button-large-font-weight;\r | |
727 | \r | |
728 | @if $font-weight-over == null {\r | |
729 | $font-weight-over: $button-large-font-weight-over;\r | |
730 | }\r | |
731 | \r | |
732 | @if $font-weight-focus == null {\r | |
733 | $font-weight-focus: $button-large-font-weight-focus;\r | |
734 | }\r | |
735 | \r | |
736 | @if $font-weight-pressed == null {\r | |
737 | $font-weight-pressed: $button-large-font-weight-pressed;\r | |
738 | }\r | |
739 | \r | |
740 | @if $font-weight-focus-over == null {\r | |
741 | $font-weight-focus-over: $button-large-font-weight-focus-over;\r | |
742 | }\r | |
743 | \r | |
744 | @if $font-weight-focus-pressed == null {\r | |
745 | $font-weight-focus-pressed: $button-large-font-weight-focus-pressed;\r | |
746 | }\r | |
747 | \r | |
748 | @if $font-weight-disabled == null {\r | |
749 | $font-weight-disabled: $button-large-font-weight-disabled;\r | |
750 | }\r | |
751 | } @else {\r | |
752 | @if $font-weight-over == null {\r | |
753 | $font-weight-over: $font-weight;\r | |
754 | }\r | |
755 | \r | |
756 | @if $font-weight-focus == null {\r | |
757 | $font-weight-focus: $font-weight;\r | |
758 | }\r | |
759 | \r | |
760 | @if $font-weight-pressed == null {\r | |
761 | $font-weight-pressed: $font-weight;\r | |
762 | }\r | |
763 | \r | |
764 | @if $font-weight-focus-over == null {\r | |
765 | $font-weight-focus-over: $font-weight-over;\r | |
766 | }\r | |
767 | \r | |
768 | @if $font-weight-focus-pressed == null {\r | |
769 | $font-weight-focus-pressed: $font-weight-pressed;\r | |
770 | }\r | |
771 | \r | |
772 | @if $font-weight-disabled == null {\r | |
773 | $font-weight-disabled: $font-weight;\r | |
774 | }\r | |
775 | }\r | |
776 | \r | |
777 | @if $font-family == null {\r | |
778 | $font-family: $button-large-font-family;\r | |
779 | \r | |
780 | @if $font-family-over == null {\r | |
781 | $font-family-over: $button-large-font-family-over;\r | |
782 | }\r | |
783 | \r | |
784 | @if $font-family-focus == null {\r | |
785 | $font-family-focus: $button-large-font-family-focus;\r | |
786 | }\r | |
787 | \r | |
788 | @if $font-family-pressed == null {\r | |
789 | $font-family-pressed: $button-large-font-family-pressed;\r | |
790 | }\r | |
791 | \r | |
792 | @if $font-family-focus-over == null {\r | |
793 | $font-family-focus-over: $button-large-font-family-focus-over;\r | |
794 | }\r | |
795 | \r | |
796 | @if $font-family-focus-pressed == null {\r | |
797 | $font-family-focus-pressed: $button-large-font-family-focus-pressed;\r | |
798 | }\r | |
799 | \r | |
800 | @if $font-family-disabled == null {\r | |
801 | $font-family-disabled: $button-large-font-family-disabled;\r | |
802 | }\r | |
803 | } @else {\r | |
804 | @if $font-family-over == null {\r | |
805 | $font-family-over: $font-family;\r | |
806 | }\r | |
807 | \r | |
808 | @if $font-family-focus == null {\r | |
809 | $font-family-focus: $font-family;\r | |
810 | }\r | |
811 | \r | |
812 | @if $font-family-pressed == null {\r | |
813 | $font-family-pressed: $font-family;\r | |
814 | }\r | |
815 | \r | |
816 | @if $font-family-focus-over == null {\r | |
817 | $font-family-focus-over: $font-family-over;\r | |
818 | }\r | |
819 | \r | |
820 | @if $font-family-focus-pressed == null {\r | |
821 | $font-family-focus-pressed: $font-family-pressed;\r | |
822 | }\r | |
823 | \r | |
824 | @if $font-family-disabled == null {\r | |
825 | $font-family-disabled: $font-family;\r | |
826 | }\r | |
827 | }\r | |
828 | \r | |
829 | @include extjs-button-ui(\r | |
830 | $ui: '#{$ui}-large',\r | |
831 | \r | |
832 | $border-radius: $border-radius,\r | |
833 | $border-width: $border-width,\r | |
834 | \r | |
835 | $border-color: $border-color,\r | |
836 | $border-color-over: $border-color-over,\r | |
837 | $border-color-focus: $border-color-focus,\r | |
838 | $border-color-pressed: $border-color-pressed,\r | |
839 | $border-color-focus-over: $border-color-focus-over,\r | |
840 | $border-color-focus-pressed: $border-color-focus-pressed,\r | |
841 | $border-color-disabled: $border-color-disabled,\r | |
842 | \r | |
843 | $padding: $padding,\r | |
844 | $text-padding: $text-padding,\r | |
845 | \r | |
846 | $background-color: $background-color,\r | |
847 | $background-color-over: $background-color-over,\r | |
848 | $background-color-focus: $background-color-focus,\r | |
849 | $background-color-pressed: $background-color-pressed,\r | |
850 | $background-color-focus-over: $background-color-focus-over,\r | |
851 | $background-color-focus-pressed: $background-color-focus-pressed,\r | |
852 | $background-color-disabled: $background-color-disabled,\r | |
853 | \r | |
854 | $background-gradient: $background-gradient,\r | |
855 | $background-gradient-over: $background-gradient-over,\r | |
856 | $background-gradient-focus: $background-gradient-focus,\r | |
857 | $background-gradient-pressed: $background-gradient-pressed,\r | |
858 | $background-gradient-focus-over: $background-gradient-focus-over,\r | |
859 | $background-gradient-focus-pressed: $background-gradient-focus-pressed,\r | |
860 | $background-gradient-disabled: $background-gradient-disabled,\r | |
861 | \r | |
862 | $color: $color,\r | |
863 | $color-over: $color-over,\r | |
864 | $color-focus: $color-focus,\r | |
865 | $color-pressed: $color-pressed,\r | |
866 | $color-focus-over: $color-focus-over,\r | |
867 | $color-focus-pressed: $color-focus-pressed,\r | |
868 | $color-disabled: $color-disabled,\r | |
869 | \r | |
870 | $inner-border-width: $inner-border-width,\r | |
871 | $inner-border-width-over: $inner-border-width-over,\r | |
872 | $inner-border-width-focus: $inner-border-width-focus,\r | |
873 | $inner-border-width-pressed: $inner-border-width-pressed,\r | |
874 | $inner-border-width-focus-over: $inner-border-width-focus-over,\r | |
875 | $inner-border-width-focus-pressed: $inner-border-width-focus-pressed,\r | |
876 | $inner-border-width-disabled: $inner-border-width-disabled,\r | |
877 | \r | |
878 | $inner-border-color: $inner-border-color,\r | |
879 | $inner-border-color-over: $inner-border-color-over,\r | |
880 | $inner-border-color-focus: $inner-border-color-focus,\r | |
881 | $inner-border-color-pressed: $inner-border-color-pressed,\r | |
882 | $inner-border-color-focus-over: $inner-border-color-focus-over,\r | |
883 | $inner-border-color-focus-pressed: $inner-border-color-focus-pressed,\r | |
884 | $inner-border-color-disabled: $inner-border-color-disabled,\r | |
885 | \r | |
886 | $body-outline-width-focus: $body-outline-width-focus,\r | |
887 | $body-outline-style-focus: $body-outline-style-focus,\r | |
888 | $body-outline-color-focus: $body-outline-color-focus,\r | |
889 | \r | |
890 | $font-size: $font-size,\r | |
891 | $font-size-over: $font-size-over,\r | |
892 | $font-size-focus: $font-size-focus,\r | |
893 | $font-size-pressed: $font-size-pressed,\r | |
894 | $font-size-focus-over: $font-size-focus-over,\r | |
895 | $font-size-focus-pressed: $font-size-focus-pressed,\r | |
896 | $font-size-disabled: $font-size-disabled,\r | |
897 | \r | |
898 | $font-weight: $font-weight,\r | |
899 | $font-weight-over: $font-weight-over,\r | |
900 | $font-weight-focus: $font-weight-focus,\r | |
901 | $font-weight-pressed: $font-weight-pressed,\r | |
902 | $font-weight-focus-over: $font-weight-focus-over,\r | |
903 | $font-weight-focus-pressed: $font-weight-focus-pressed,\r | |
904 | $font-weight-disabled: $font-weight-disabled,\r | |
905 | \r | |
906 | $font-family: $font-family,\r | |
907 | $font-family-over: $font-family-over,\r | |
908 | $font-family-focus: $font-family-focus,\r | |
909 | $font-family-pressed: $font-family-pressed,\r | |
910 | $font-family-focus-over: $font-family-focus-over,\r | |
911 | $font-family-focus-pressed: $font-family-focus-pressed,\r | |
912 | $font-family-disabled: $font-family-disabled,\r | |
913 | \r | |
914 | $line-height: $line-height,\r | |
915 | $icon-size: $icon-size,\r | |
916 | $glyph-font-size: $glyph-font-size,\r | |
917 | $icon-spacing: $icon-spacing,\r | |
918 | $glyph-color: $glyph-color,\r | |
919 | $glyph-opacity: $glyph-opacity,\r | |
920 | $arrow-width: $arrow-width,\r | |
921 | $arrow-height: $arrow-height,\r | |
922 | $arrow-glyph: $arrow-glyph,\r | |
923 | $arrow-glyph-color: $arrow-glyph-color,\r | |
924 | $split-width: $split-width,\r | |
925 | $split-height: $split-height,\r | |
926 | $split-line-width: $split-line-width,\r | |
927 | $split-line-color: $split-line-color,\r | |
928 | $include-ui-menu-arrows: $include-ui-menu-arrows,\r | |
929 | $include-ui-split-arrows: $include-ui-split-arrows,\r | |
930 | $include-split-noline-arrows: $include-split-noline-arrows,\r | |
931 | $include-split-over-arrows: $include-split-over-arrows,\r | |
932 | $opacity-disabled: $opacity-disabled,\r | |
933 | $inner-opacity-disabled: $inner-opacity-disabled\r | |
934 | );\r | |
935 | }\r | |
936 | \r | |
937 | /**\r | |
938 | * Creates a visual theme for a {@link #scale large} toolbar Button.\r | |
939 | *\r | |
940 | * @param {string} $ui\r | |
941 | * The name of the UI being created. Can not included spaces or special punctuation\r | |
942 | * (used in CSS class names).\r | |
943 | *\r | |
944 | * @param {number} [$border-radius=$button-large-border-radius]\r | |
945 | * The border-radius of the button\r | |
946 | *\r | |
947 | * @param {number} [$border-width=$button-large-border-width]\r | |
948 | * The border-width of the button\r | |
949 | *\r | |
950 | * @param {color} [$border-color=$button-toolbar-border-color]\r | |
951 | * The border-color of the button\r | |
952 | *\r | |
953 | * @param {color} [$border-color-over=$button-toolbar-border-color-over]\r | |
954 | * The border-color of the button when the cursor is over the button\r | |
955 | *\r | |
956 | * @param {color} [$border-color-focus=$button-toolbar-border-color-focus]\r | |
957 | * The border-color of the button when focused\r | |
958 | *\r | |
959 | * @param {color} [$border-color-pressed=$button-toolbar-border-color-pressed]\r | |
960 | * The border-color of the button when pressed\r | |
961 | *\r | |
962 | * @param {color} [$border-color-focus-over=$button-toolbar-border-color-focus-over]\r | |
963 | * The border-color of the button when the button is focused and the cursor is over the\r | |
964 | * button\r | |
965 | *\r | |
966 | * @param {color} [$border-color-focus-pressed=$button-toolbar-border-color-focus-pressed]\r | |
967 | * The border-color of the button when focused and pressed\r | |
968 | *\r | |
969 | * @param {color} [$border-color-disabled=$button-toolbar-border-color-disabled]\r | |
970 | * The border-color of the button when disabled\r | |
971 | *\r | |
972 | * @param {number} [$padding=$button-large-padding]\r | |
973 | * The amount of padding inside the border of the button on all sides\r | |
974 | *\r | |
975 | * @param {number} [$text-padding=$button-large-text-padding]\r | |
976 | * The amount of horizontal space to add to the left and right of the button text\r | |
977 | *\r | |
978 | * @param {color} [$background-color=$button-toolbar-background-color]\r | |
979 | * The background-color of the button\r | |
980 | *\r | |
981 | * @param {color} [$background-color-over=$button-toolbar-background-color-over]\r | |
982 | * The background-color of the button when the cursor is over the button\r | |
983 | *\r | |
984 | * @param {color} [$background-color-focus=$button-toolbar-background-color-focus]\r | |
985 | * The background-color of the button when focused\r | |
986 | *\r | |
987 | * @param {color} [$background-color-pressed=$button-toolbar-background-color-pressed]\r | |
988 | * The background-color of the button when pressed\r | |
989 | *\r | |
990 | * @param {color} [$background-color-focus-over=$button-toolbar-background-color-focus-over]\r | |
991 | * The background-color of the button when the button is focused and the cursor is over\r | |
992 | * the button\r | |
993 | *\r | |
994 | * @param {color} [$background-color-focus-pressed=$button-toolbar-background-color-focus-pressed]\r | |
995 | * The background-color of the button when focused and pressed\r | |
996 | *\r | |
997 | * @param {color} [$background-color-disabled=$button-toolbar-background-color-disabled]\r | |
998 | * The background-color of the button when disabled\r | |
999 | *\r | |
1000 | * @param {string/list} [$background-gradient=$button-toolbar-background-gradient]\r | |
1001 | * The background-gradient for the button. Can be either the name of a predefined gradient\r | |
1002 | * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.\r | |
1003 | *\r | |
1004 | * @param {string/list} [$background-gradient-over=$button-toolbar-background-gradient-over]\r | |
1005 | * The background-gradient to use when the cursor is over the button. Can be either the\r | |
1006 | * name of a predefined gradient or a list of color stops. Used as the `$type` parameter\r | |
1007 | * for {@link Global_CSS#background-gradient}.\r | |
1008 | *\r | |
1009 | * @param {string/list} [$background-gradient-focus=$button-toolbar-background-gradient-focus]\r | |
1010 | * The background-gradient to use when the the button is focused. Can be either the name\r | |
1011 | * of a predefined gradient or a list of color stops. Used as the `$type` parameter for\r | |
1012 | * {@link Global_CSS#background-gradient}.\r | |
1013 | *\r | |
1014 | * @param {string/list} [$background-gradient-pressed=$button-toolbar-background-gradient-pressed]\r | |
1015 | * The background-gradient to use when the the button is pressed. Can be either the name\r | |
1016 | * of a predefined gradient or a list of color stops. Used as the `$type` parameter for\r | |
1017 | * {@link Global_CSS#background-gradient}.\r | |
1018 | *\r | |
1019 | * @param {string} [$background-gradient-focus-over=$button-toolbar-background-gradient-focus-over]\r | |
1020 | * The background-gradient to use when the the button is focused and the cursor is over\r | |
1021 | * the button. Can be either the name of a predefined gradient or a list of color stops.\r | |
1022 | * Used as the `$type` parameter for {@link Global_CSS#background-gradient}.\r | |
1023 | *\r | |
1024 | * @param {string} [$background-gradient-focus-pressed=$button-toolbar-background-gradient-focus-pressed]\r | |
1025 | * The background-gradient to use when the the button is focused and pressed. Can be\r | |
1026 | * either the name of a predefined gradient or a list of color stops. Used as the `$type`\r | |
1027 | * parameter for {@link Global_CSS#background-gradient}.\r | |
1028 | *\r | |
1029 | * @param {string/list} [$background-gradient-disabled=$button-toolbar-background-gradient-disabled]\r | |
1030 | * The background-gradient to use when the the button is disabled. Can be either the name\r | |
1031 | * of a predefined gradient or a list of color stops. Used as the `$type` parameter for\r | |
1032 | * {@link Global_CSS#background-gradient}.\r | |
1033 | *\r | |
1034 | * @param {color} [$color=$button-toolbar-color]\r | |
1035 | * The text color of the button\r | |
1036 | *\r | |
1037 | * @param {color} [$color-over=$button-toolbar-color-over]\r | |
1038 | * The text color of the button when the cursor is over the button\r | |
1039 | *\r | |
1040 | * @param {color} [$color-focus=$button-toolbar-color-focus]\r | |
1041 | * The text color of the button when the button is focused\r | |
1042 | *\r | |
1043 | * @param {color} [$color-pressed=$button-toolbar-color-pressed]\r | |
1044 | * The text color of the button when the button is pressed\r | |
1045 | *\r | |
1046 | * @param {color} [$color-focus-over=$button-toolbar-color-focus-over]\r | |
1047 | * The text color of the button when the button is focused and the cursor is over the button\r | |
1048 | *\r | |
1049 | * @param {color} [$color-focus-pressed=$button-toolbar-color-focus-pressed]\r | |
1050 | * The text color of the button when the button is focused and pressed\r | |
1051 | *\r | |
1052 | * @param {color} [$color-disabled=$button-toolbar-color-disabled]\r | |
1053 | * The text color of the button when the button is disabled\r | |
1054 | *\r | |
1055 | * @param {number/list} [$inner-border-width=$button-toolbar-inner-border-width]\r | |
1056 | * The inner border-width of the button\r | |
1057 | *\r | |
1058 | * @param {number/list} [$inner-border-width-over=$button-toolbar-inner-border-width-over]\r | |
1059 | * The inner border-width of the button when the cursor is over the button\r | |
1060 | *\r | |
1061 | * @param {number/list} [$inner-border-width-focus=$button-toolbar-inner-border-width-focus]\r | |
1062 | * The inner border-width of the button when focused\r | |
1063 | *\r | |
1064 | * @param {number/list} [$inner-border-width-pressed=$button-toolbar-inner-border-width-pressed]\r | |
1065 | * The inner border-width of the button when pressed\r | |
1066 | *\r | |
1067 | * @param {number/list} [$inner-border-width-focus-over=$button-toolbar-inner-border-width-focus-over]\r | |
1068 | * The inner border-width of the button when the button is focused and the cursor is over\r | |
1069 | * the button\r | |
1070 | *\r | |
1071 | * @param {number/list} [$inner-border-width-focus-pressed=$button-toolbar-inner-border-width-focus-pressed]\r | |
1072 | * The inner border-width of the button when focused and pressed\r | |
1073 | *\r | |
1074 | * @param {number/list} [$inner-border-width-disabled=$button-toolbar-inner-border-width-disabled]\r | |
1075 | * The inner border-width of the button when disabled\r | |
1076 | *\r | |
1077 | * @param {color} [$inner-border-color=$button-toolbar-inner-border-color]\r | |
1078 | * The inner border-color of the button\r | |
1079 | *\r | |
1080 | * @param {color} [$inner-border-color-over=$button-toolbar-inner-border-color-over]\r | |
1081 | * The inner border-color of the button when the cursor is over the button\r | |
1082 | *\r | |
1083 | * @param {color} [$inner-border-color-focus=$button-toolbar-inner-border-color-focus]\r | |
1084 | * The inner border-color of the button when focused\r | |
1085 | *\r | |
1086 | * @param {color} [$inner-border-color-pressed=$button-toolbar-inner-border-color-pressed]\r | |
1087 | * The inner border-color of the button when pressed\r | |
1088 | *\r | |
1089 | * @param {color} [$inner-border-color-focus-over=$button-toolbar-inner-border-color-focus-over]\r | |
1090 | * The inner border-color of the button when the button is focused and the cursor is over\r | |
1091 | * the button\r | |
1092 | *\r | |
1093 | * @param {color} [$inner-border-color-focus-pressed=$button-toolbar-inner-border-color-focus-pressed]\r | |
1094 | * The inner border-color of the button when focused and pressed\r | |
1095 | *\r | |
1096 | * @param {color} [$inner-border-color-disabled=$button-toolbar-inner-border-color-disabled]\r | |
1097 | * The inner border-color of the button when disabled\r | |
1098 | *\r | |
1099 | * @param {number} [$body-outline-width-focus=$button-toolbar-body-outline-width-focus]\r | |
1100 | * The body outline width of the button when focused\r | |
1101 | *\r | |
1102 | * @param {number} [$body-outline-style-focus=$button-toolbar-body-outline-style-focus]\r | |
1103 | * The body outline-style of the button when focused\r | |
1104 | *\r | |
1105 | * @param {number} [$body-outline-color-focus=$button-toolbar-body-outline-color-focus]\r | |
1106 | * The body outline color of the button when focused\r | |
1107 | *\r | |
1108 | * @param {number} [$font-size=$button-large-font-size]\r | |
1109 | * The font-size of the button\r | |
1110 | *\r | |
1111 | * @param {number} [$font-size-over=$button-large-font-size-over]\r | |
1112 | * The font-size of the button when the cursor is over the button\r | |
1113 | *\r | |
1114 | * @param {number} [$font-size-focus=$button-large-font-size-focus]\r | |
1115 | * The font-size of the button when the button is focused\r | |
1116 | *\r | |
1117 | * @param {number} [$font-size-pressed=$button-large-font-size-pressed]\r | |
1118 | * The font-size of the button when the button is pressed\r | |
1119 | *\r | |
1120 | * @param {number} [$font-size-focus-over=$button-large-font-size-focus-over]\r | |
1121 | * The font-size of the button when the button is focused and the cursor is over the\r | |
1122 | * button\r | |
1123 | *\r | |
1124 | * @param {number} [$font-size-focus-pressed=$button-large-font-size-focus-pressed]\r | |
1125 | * The font-size of the button when the button is focused and pressed\r | |
1126 | *\r | |
1127 | * @param {number} [$font-size-disabled=$button-large-font-size-disabled]\r | |
1128 | * The font-size of the button when the button is disabled\r | |
1129 | *\r | |
1130 | * @param {string} [$font-weight=$button-large-font-weight]\r | |
1131 | * The font-weight of the button\r | |
1132 | *\r | |
1133 | * @param {string} [$font-weight-over=$button-large-font-weight-over]\r | |
1134 | * The font-weight of the button when the cursor is over the button\r | |
1135 | *\r | |
1136 | * @param {string} [$font-weight-focus=$button-large-font-weight-focus]\r | |
1137 | * The font-weight of the button when the button is focused\r | |
1138 | *\r | |
1139 | * @param {string} [$font-weight-pressed=$button-large-font-weight-pressed]\r | |
1140 | * The font-weight of the button when the button is pressed\r | |
1141 | *\r | |
1142 | * @param {string} [$font-weight-focus-over=$button-large-font-weight-focus-over]\r | |
1143 | * The font-weight of the button when the button is focused and the cursor is over the\r | |
1144 | * button\r | |
1145 | *\r | |
1146 | * @param {string} [$font-weight-focus-pressed=$button-large-font-weight-focus-pressed]\r | |
1147 | * The font-weight of the button when the button is focused and pressed\r | |
1148 | *\r | |
1149 | * @param {string} [$font-weight-disabled=$button-large-font-weight-disabled]\r | |
1150 | * The font-weight of the button when the button is disabled\r | |
1151 | *\r | |
1152 | * @param {string} [$font-family=$button-large-font-family]\r | |
1153 | * The font-family of the button\r | |
1154 | *\r | |
1155 | * @param {string} [$font-family-over=$button-large-font-family-over]\r | |
1156 | * The font-family of the button when the cursor is over the button\r | |
1157 | *\r | |
1158 | * @param {string} [$font-family-focus=$button-large-font-family-focus]\r | |
1159 | * The font-family of the button when the button is focused\r | |
1160 | *\r | |
1161 | * @param {string} [$font-family-pressed=$button-large-font-family-pressed]\r | |
1162 | * The font-family of the button when the button is pressed\r | |
1163 | *\r | |
1164 | * @param {string} [$font-family-focus-over=$button-large-font-family-focus-over]\r | |
1165 | * The font-family of the button when the button is focused and the cursor is over the\r | |
1166 | * button\r | |
1167 | *\r | |
1168 | * @param {string} [$font-family-focus-pressed=$button-large-font-family-focus-pressed]\r | |
1169 | * The font-family of the button when the button is focused and pressed\r | |
1170 | *\r | |
1171 | * @param {string} [$font-family-disabled=$button-large-font-family-disabled]\r | |
1172 | * The font-family of the button when the button is disabled\r | |
1173 | *\r | |
1174 | * @param {number} [$line-height=$button-large-line-height]\r | |
1175 | * The line-height of the button text\r | |
1176 | *\r | |
1177 | * @param {number} [$icon-size=$button-large-icon-size]\r | |
1178 | * The size of the button icon\r | |
1179 | *\r | |
1180 | * @param {number} [$glyph-font-size=$button-large-glyph-font-size]\r | |
1181 | * The font-size for the button glyph\r | |
1182 | *\r | |
1183 | * @param {number} [$icon-spacing=$button-large-icon-spacing]\r | |
1184 | * The space between the button's icon and text\r | |
1185 | *\r | |
1186 | * @param {color} [$glyph-color=$button-toolbar-glyph-color]\r | |
1187 | * The color of the button's {@link #glyph} icon\r | |
1188 | *\r | |
1189 | * @param {number} [$glyph-opacity=$button-toolbar-glyph-opacity]\r | |
1190 | * The opacity of the button's {@link #glyph} icon\r | |
1191 | *\r | |
1192 | * @param {number} [$arrow-width=$button-large-arrow-width]\r | |
1193 | * The width of the button's {@link #cfg-menu} arrow\r | |
1194 | *\r | |
1195 | * @param {number} [$arrow-height=$button-large-arrow-height]\r | |
1196 | * The height of the button's {@link #cfg-menu} arrow\r | |
1197 | *\r | |
1198 | * @param {string/list} [$arrow-glyph=$button-large-arrow-glyph]\r | |
1199 | * Glyph for the button arrow when when {@link Global_CSS#$enable-font-icons} is `true`.\r | |
1200 | *\r | |
1201 | * @param {string/list} [$arrow-glyph-color=$button-toolbar-arrow-glyph-color]\r | |
1202 | * Glyph color for the button arrow when when {@link Global_CSS#$enable-font-icons} is `true`.\r | |
1203 | *\r | |
1204 | * @param {number} [$split-width=$button-large-split-width]\r | |
1205 | * The width of a {@link Ext.button.Split Split Button}'s arrow\r | |
1206 | *\r | |
1207 | * @param {number} [$split-height=$button-large-split-height]\r | |
1208 | * The height of a {@link Ext.button.Split Split Button}'s arrow\r | |
1209 | *\r | |
1210 | * @param {number} [$split-line-width=$button-large-split-line-width]\r | |
1211 | * The default width for a {@link Ext.button.Split Split Button}'s line.\r | |
1212 | * Themes that include the line in the arrow background image should set this to 0\r | |
1213 | *\r | |
1214 | * @param {color} [$split-line-color=$button-toolbar-split-line-color]\r | |
1215 | * The color for a {@link Ext.button.Split Split Button}'s line.\r | |
1216 | * Only applicable when `$split-line-width` is greater than 0.\r | |
1217 | *\r | |
1218 | * @param {boolean} [$include-ui-menu-arrows=$button-include-ui-menu-arrows]\r | |
1219 | * True to include the UI name in the file name of the {@link #cfg-menu}\r | |
1220 | * arrow icon. Set this to false to share the same arrow bewteen multiple UIs.\r | |
1221 | *\r | |
1222 | * @param {boolean} [$include-ui-split-arrows=$button-include-ui-split-arrows]\r | |
1223 | * True to include the UI name in the file name of the {@link Ext.button.Split Split Button}'s\r | |
1224 | * arrow icon. Set this to false to share the same arrow bewteen multiple UIs.\r | |
1225 | *\r | |
1226 | * @param {boolean} [$include-split-noline-arrows=$button-toolbar-include-split-noline-arrows]\r | |
1227 | * True to add a "-noline" suffix to the file name of the {@link Ext.button.Split Split Button}'s \r | |
1228 | * arrow icon. Used for hiding the split line when toolbar buttons are in their default\r | |
1229 | * state.\r | |
1230 | *\r | |
1231 | * @param {boolean} [$include-split-over-arrows=$button-include-split-over-arrows]\r | |
1232 | * True to use a separate icon for {@link Ext.button.Split Split Button}s when the cursor\r | |
1233 | * is over the button. The over icon file name will have a "-o" suffix\r | |
1234 | *\r | |
1235 | * @param {number} [$opacity-disabled=$button-toolbar-opacity-disabled]\r | |
1236 | * The opacity of the button when it is disabled\r | |
1237 | *\r | |
1238 | * @param {number} [$inner-opacity-disabled=$button-toolbar-inner-opacity-disabled]\r | |
1239 | * The opacity of the button's text and icon elements when when the button is disabled\r | |
1240 | * \r | |
1241 | * @member Ext.button.Button\r | |
1242 | */\r | |
1243 | @mixin extjs-button-toolbar-large-ui(\r | |
1244 | $ui,\r | |
1245 | \r | |
1246 | $border-radius: $button-large-border-radius,\r | |
1247 | $border-width: $button-large-border-width,\r | |
1248 | \r | |
1249 | $border-color: null,\r | |
1250 | $border-color-over: null,\r | |
1251 | $border-color-focus: null,\r | |
1252 | $border-color-pressed: null,\r | |
1253 | $border-color-focus-over: null,\r | |
1254 | $border-color-focus-pressed: null,\r | |
1255 | $border-color-disabled: null,\r | |
1256 | \r | |
1257 | $padding: $button-large-padding,\r | |
1258 | $text-padding: $button-large-text-padding,\r | |
1259 | \r | |
1260 | $background-color: null,\r | |
1261 | $background-color-over: null,\r | |
1262 | $background-color-focus: null,\r | |
1263 | $background-color-pressed: null,\r | |
1264 | $background-color-focus-over: null,\r | |
1265 | $background-color-focus-pressed: null,\r | |
1266 | $background-color-disabled: null,\r | |
1267 | \r | |
1268 | $background-gradient: $button-toolbar-background-gradient,\r | |
1269 | $background-gradient-over: $button-toolbar-background-gradient-over,\r | |
1270 | $background-gradient-focus: $button-toolbar-background-gradient-focus,\r | |
1271 | $background-gradient-pressed: $button-toolbar-background-gradient-pressed,\r | |
1272 | $background-gradient-focus-over: $button-toolbar-background-gradient-focus-over,\r | |
1273 | $background-gradient-focus-pressed: $button-toolbar-background-gradient-focus-pressed,\r | |
1274 | $background-gradient-disabled: $button-toolbar-background-gradient-disabled,\r | |
1275 | \r | |
1276 | $color: null,\r | |
1277 | $color-over: null,\r | |
1278 | $color-focus: null,\r | |
1279 | $color-pressed: null,\r | |
1280 | $color-focus-over: null,\r | |
1281 | $color-focus-pressed: null,\r | |
1282 | $color-disabled: null,\r | |
1283 | \r | |
1284 | $inner-border-width: null,\r | |
1285 | $inner-border-width-over: null,\r | |
1286 | $inner-border-width-focus: null,\r | |
1287 | $inner-border-width-pressed: null,\r | |
1288 | $inner-border-width-focus-over: null,\r | |
1289 | $inner-border-width-focus-pressed: null,\r | |
1290 | $inner-border-width-disabled: null,\r | |
1291 | \r | |
1292 | $inner-border-color: null,\r | |
1293 | $inner-border-color-over: null,\r | |
1294 | $inner-border-color-focus: null,\r | |
1295 | $inner-border-color-pressed: null,\r | |
1296 | $inner-border-color-focus-over: null,\r | |
1297 | $inner-border-color-focus-pressed: null,\r | |
1298 | $inner-border-color-disabled: null,\r | |
1299 | \r | |
1300 | $body-outline-width-focus: $button-toolbar-body-outline-width-focus,\r | |
1301 | $body-outline-style-focus: $button-toolbar-body-outline-style-focus,\r | |
1302 | $body-outline-color-focus: $button-toolbar-body-outline-color-focus,\r | |
1303 | \r | |
1304 | $font-size: null,\r | |
1305 | $font-size-over: null,\r | |
1306 | $font-size-focus: null,\r | |
1307 | $font-size-pressed: null,\r | |
1308 | $font-size-focus-over: null,\r | |
1309 | $font-size-focus-pressed: null,\r | |
1310 | $font-size-disabled: null,\r | |
1311 | \r | |
1312 | $font-weight: null,\r | |
1313 | $font-weight-over: null,\r | |
1314 | $font-weight-focus: null,\r | |
1315 | $font-weight-pressed: null,\r | |
1316 | $font-weight-focus-over: null,\r | |
1317 | $font-weight-focus-pressed: null,\r | |
1318 | $font-weight-disabled: null,\r | |
1319 | \r | |
1320 | $font-family: null,\r | |
1321 | $font-family-over: null,\r | |
1322 | $font-family-focus: null,\r | |
1323 | $font-family-pressed: null,\r | |
1324 | $font-family-focus-over: null,\r | |
1325 | $font-family-focus-pressed: null,\r | |
1326 | $font-family-disabled: null,\r | |
1327 | \r | |
1328 | $line-height: $button-large-line-height,\r | |
1329 | $icon-size: $button-large-icon-size,\r | |
1330 | $glyph-font-size: $button-large-glyph-font-size,\r | |
1331 | $icon-spacing: $button-large-icon-spacing,\r | |
1332 | $glyph-color: $button-toolbar-glyph-color,\r | |
1333 | $glyph-opacity: $button-toolbar-glyph-opacity,\r | |
1334 | $arrow-width: $button-large-arrow-width,\r | |
1335 | $arrow-height: $button-large-arrow-height,\r | |
1336 | $arrow-glyph: $button-large-arrow-glyph,\r | |
1337 | $arrow-glyph-color: $button-toolbar-arrow-glyph-color,\r | |
1338 | $split-width: $button-large-split-width,\r | |
1339 | $split-height: $button-large-split-height,\r | |
1340 | $split-line-width: $button-large-split-line-width,\r | |
1341 | $split-line-color: $button-toolbar-split-line-color,\r | |
1342 | $include-ui-menu-arrows: $button-include-ui-menu-arrows,\r | |
1343 | $include-ui-split-arrows: $button-include-ui-split-arrows,\r | |
1344 | $include-split-noline-arrows: $button-toolbar-include-split-noline-arrows,\r | |
1345 | $include-split-over-arrows: $button-include-split-over-arrows,\r | |
1346 | $opacity-disabled: $button-toolbar-opacity-disabled,\r | |
1347 | $inner-opacity-disabled: $button-toolbar-inner-opacity-disabled\r | |
1348 | ) {\r | |
1349 | @if $border-color == null {\r | |
1350 | $border-color: $button-toolbar-border-color;\r | |
1351 | \r | |
1352 | @if $border-color-over == null {\r | |
1353 | $border-color-over: $button-toolbar-border-color-over;\r | |
1354 | }\r | |
1355 | \r | |
1356 | @if $border-color-focus == null {\r | |
1357 | $border-color-focus: $button-toolbar-border-color-focus;\r | |
1358 | }\r | |
1359 | \r | |
1360 | @if $border-color-pressed == null {\r | |
1361 | $border-color-pressed: $button-toolbar-border-color-pressed;\r | |
1362 | }\r | |
1363 | \r | |
1364 | @if $border-color-focus-over == null {\r | |
1365 | $border-color-focus-over: $button-toolbar-border-color-focus-over;\r | |
1366 | }\r | |
1367 | \r | |
1368 | @if $border-color-focus-pressed == null {\r | |
1369 | $border-color-focus-pressed: $button-toolbar-border-color-focus-pressed;\r | |
1370 | }\r | |
1371 | \r | |
1372 | @if $border-color-disabled == null {\r | |
1373 | $border-color-disabled: $button-toolbar-border-color-disabled;\r | |
1374 | }\r | |
1375 | } @else {\r | |
1376 | @if $border-color-over == null {\r | |
1377 | $border-color-over: button-toolbar-border-color-over($border-color);\r | |
1378 | }\r | |
1379 | \r | |
1380 | @if $border-color-focus == null {\r | |
1381 | $border-color-focus: button-toolbar-border-color-focus($border-color);\r | |
1382 | }\r | |
1383 | \r | |
1384 | @if $border-color-pressed == null {\r | |
1385 | $border-color-pressed: button-toolbar-border-color-pressed($border-color);\r | |
1386 | }\r | |
1387 | \r | |
1388 | @if $border-color-focus-over == null {\r | |
1389 | $border-color-focus-over: $border-color-over;\r | |
1390 | }\r | |
1391 | \r | |
1392 | @if $border-color-focus-pressed == null {\r | |
1393 | $border-color-focus-pressed: $border-color-pressed;\r | |
1394 | }\r | |
1395 | \r | |
1396 | @if $border-color-disabled == null {\r | |
1397 | $border-color-disabled: button-toolbar-border-color-disabled($border-color);\r | |
1398 | }\r | |
1399 | }\r | |
1400 | \r | |
1401 | @if $background-color == null {\r | |
1402 | $background-color: $button-toolbar-background-color;\r | |
1403 | \r | |
1404 | @if $background-color-over == null {\r | |
1405 | $background-color-over: $button-toolbar-background-color-over;\r | |
1406 | }\r | |
1407 | \r | |
1408 | @if $background-color-focus == null {\r | |
1409 | $background-color-focus: $button-toolbar-background-color-focus;\r | |
1410 | }\r | |
1411 | \r | |
1412 | @if $background-color-pressed == null {\r | |
1413 | $background-color-pressed: $button-toolbar-background-color-pressed;\r | |
1414 | }\r | |
1415 | \r | |
1416 | @if $background-color-focus-over == null {\r | |
1417 | $background-color-focus-over: $button-toolbar-background-color-focus-over;\r | |
1418 | }\r | |
1419 | \r | |
1420 | @if $background-color-focus-pressed == null {\r | |
1421 | $background-color-focus-pressed: $button-toolbar-background-color-focus-pressed;\r | |
1422 | }\r | |
1423 | \r | |
1424 | @if $background-color-disabled == null {\r | |
1425 | $background-color-disabled: $button-toolbar-background-color-disabled;\r | |
1426 | }\r | |
1427 | } @else {\r | |
1428 | @if $background-color-over == null {\r | |
1429 | $background-color-over: button-toolbar-background-color-over($background-color);\r | |
1430 | }\r | |
1431 | \r | |
1432 | @if $background-color-focus == null {\r | |
1433 | $background-color-focus: button-toolbar-background-color-focus($background-color);\r | |
1434 | }\r | |
1435 | \r | |
1436 | @if $background-color-pressed == null {\r | |
1437 | $background-color-pressed: button-toolbar-background-color-pressed($background-color);\r | |
1438 | }\r | |
1439 | \r | |
1440 | @if $background-color-focus-over == null {\r | |
1441 | $background-color-focus-over: $background-color-over;\r | |
1442 | }\r | |
1443 | \r | |
1444 | @if $background-color-focus-pressed == null {\r | |
1445 | $background-color-focus-pressed: $background-color-pressed;\r | |
1446 | }\r | |
1447 | \r | |
1448 | @if $background-color-disabled == null {\r | |
1449 | $background-color-disabled: button-toolbar-background-color-disabled($background-color);\r | |
1450 | }\r | |
1451 | }\r | |
1452 | \r | |
1453 | @if $color == null {\r | |
1454 | $color: $button-toolbar-color;\r | |
1455 | \r | |
1456 | @if $color-over == null {\r | |
1457 | $color-over: $button-toolbar-color-over;\r | |
1458 | }\r | |
1459 | \r | |
1460 | @if $color-focus == null {\r | |
1461 | $color-focus: $button-toolbar-color-focus;\r | |
1462 | }\r | |
1463 | \r | |
1464 | @if $color-pressed == null {\r | |
1465 | $color-pressed: $button-toolbar-color-pressed;\r | |
1466 | }\r | |
1467 | \r | |
1468 | @if $color-focus-over == null {\r | |
1469 | $color-focus-over: $button-toolbar-color-focus-over;\r | |
1470 | }\r | |
1471 | \r | |
1472 | @if $color-focus-pressed == null {\r | |
1473 | $color-focus-pressed: $button-toolbar-color-focus-pressed;\r | |
1474 | }\r | |
1475 | \r | |
1476 | @if $color-disabled == null {\r | |
1477 | $color-disabled: $button-toolbar-color-disabled;\r | |
1478 | }\r | |
1479 | } @else {\r | |
1480 | @if $color-over == null {\r | |
1481 | $color-over: button-toolbar-color-over($color);\r | |
1482 | }\r | |
1483 | \r | |
1484 | @if $color-focus == null {\r | |
1485 | $color-focus: button-toolbar-color-focus($color);\r | |
1486 | }\r | |
1487 | \r | |
1488 | @if $color-pressed == null {\r | |
1489 | $color-pressed: button-toolbar-color-pressed($color);\r | |
1490 | }\r | |
1491 | \r | |
1492 | @if $color-focus-over == null {\r | |
1493 | $color-focus-over: $color-over;\r | |
1494 | }\r | |
1495 | \r | |
1496 | @if $color-focus-pressed == null {\r | |
1497 | $color-focus-pressed: $color-pressed;\r | |
1498 | }\r | |
1499 | \r | |
1500 | @if $color-disabled == null {\r | |
1501 | $color-disabled: button-toolbar-color-disabled($color);\r | |
1502 | }\r | |
1503 | }\r | |
1504 | \r | |
1505 | @if $inner-border-width == null {\r | |
1506 | $inner-border-width: $button-toolbar-inner-border-width;\r | |
1507 | \r | |
1508 | @if $inner-border-width-over == null {\r | |
1509 | $inner-border-width-over: $button-toolbar-inner-border-width-over;\r | |
1510 | }\r | |
1511 | \r | |
1512 | @if $inner-border-width-focus == null {\r | |
1513 | $inner-border-width-focus: $button-toolbar-inner-border-width-focus;\r | |
1514 | }\r | |
1515 | \r | |
1516 | @if $inner-border-width-pressed == null {\r | |
1517 | $inner-border-width-pressed: $button-toolbar-inner-border-width-pressed;\r | |
1518 | }\r | |
1519 | \r | |
1520 | @if $inner-border-width-focus-over == null {\r | |
1521 | $inner-border-width-focus-over: $button-toolbar-inner-border-width-focus-over;\r | |
1522 | }\r | |
1523 | \r | |
1524 | @if $inner-border-width-focus-pressed == null {\r | |
1525 | $inner-border-width-focus-pressed: $button-toolbar-inner-border-width-focus-pressed;\r | |
1526 | }\r | |
1527 | \r | |
1528 | @if $inner-border-width-disabled == null {\r | |
1529 | $inner-border-width-disabled: $button-toolbar-inner-border-width-disabled;\r | |
1530 | }\r | |
1531 | } @else {\r | |
1532 | @if $inner-border-width-over == null {\r | |
1533 | $inner-border-width-over: $inner-border-width;\r | |
1534 | }\r | |
1535 | \r | |
1536 | @if $inner-border-width-focus == null {\r | |
1537 | $inner-border-width-focus: $inner-border-width;\r | |
1538 | }\r | |
1539 | \r | |
1540 | @if $inner-border-width-pressed == null {\r | |
1541 | $inner-border-width-pressed: $inner-border-width;\r | |
1542 | }\r | |
1543 | \r | |
1544 | @if $inner-border-width-focus-over == null {\r | |
1545 | $inner-border-width-focus-over: $inner-border-width-over;\r | |
1546 | }\r | |
1547 | \r | |
1548 | @if $inner-border-width-focus-pressed == null {\r | |
1549 | $inner-border-width-focus-pressed: $inner-border-width-pressed;\r | |
1550 | }\r | |
1551 | \r | |
1552 | @if $inner-border-width-disabled == null {\r | |
1553 | $inner-border-width-disabled: $inner-border-width;\r | |
1554 | }\r | |
1555 | }\r | |
1556 | \r | |
1557 | @if $inner-border-color == null {\r | |
1558 | $inner-border-color: $button-toolbar-inner-border-color;\r | |
1559 | \r | |
1560 | @if $inner-border-color-over == null {\r | |
1561 | $inner-border-color-over: $button-toolbar-inner-border-color-over;\r | |
1562 | }\r | |
1563 | \r | |
1564 | @if $inner-border-color-focus == null {\r | |
1565 | $inner-border-color-focus: $button-toolbar-inner-border-color-focus;\r | |
1566 | }\r | |
1567 | \r | |
1568 | @if $inner-border-color-pressed == null {\r | |
1569 | $inner-border-color-pressed: $button-toolbar-inner-border-color-pressed;\r | |
1570 | }\r | |
1571 | \r | |
1572 | @if $inner-border-color-focus-over == null {\r | |
1573 | $inner-border-color-focus-over: $button-toolbar-inner-border-color-focus-over;\r | |
1574 | }\r | |
1575 | \r | |
1576 | @if $inner-border-color-focus-pressed == null {\r | |
1577 | $inner-border-color-focus-pressed: $button-toolbar-inner-border-color-focus-pressed;\r | |
1578 | }\r | |
1579 | \r | |
1580 | @if $inner-border-color-disabled == null {\r | |
1581 | $inner-border-color-disabled: $button-toolbar-inner-border-color-disabled;\r | |
1582 | }\r | |
1583 | } @else {\r | |
1584 | @if $inner-border-color-over == null {\r | |
1585 | $inner-border-color-over: button-toolbar-inner-border-color-over($background-color-over, $color-over);\r | |
1586 | }\r | |
1587 | \r | |
1588 | @if $inner-border-color-focus == null {\r | |
1589 | $inner-border-color-focus: button-toolbar-inner-border-color-focus($background-color-focus, $color-focus);\r | |
1590 | }\r | |
1591 | \r | |
1592 | @if $inner-border-color-pressed == null {\r | |
1593 | $inner-border-color-pressed: button-toolbar-inner-border-color-pressed($background-color-pressed, $color-pressed);\r | |
1594 | }\r | |
1595 | \r | |
1596 | @if $inner-border-color-focus-over == null {\r | |
1597 | $inner-border-color-focus-over: button-toolbar-inner-border-color-focus-over($background-color-focus-over, $color-focus-over);\r | |
1598 | }\r | |
1599 | \r | |
1600 | @if $inner-border-color-focus-pressed == null {\r | |
1601 | $inner-border-color-focus-pressed: button-toolbar-inner-border-color-focus-pressed($background-color-focus-pressed, $color-focus-pressed)\r | |
1602 | }\r | |
1603 | \r | |
1604 | @if $inner-border-color-disabled == null {\r | |
1605 | $inner-border-color-disabled: button-toolbar-inner-border-color-disabled($background-color-disabled, $color-disabled);\r | |
1606 | }\r | |
1607 | }\r | |
1608 | \r | |
1609 | @if $font-size == null {\r | |
1610 | $font-size: $button-large-font-size;\r | |
1611 | \r | |
1612 | @if $font-size-over == null {\r | |
1613 | $font-size-over: $button-large-font-size-over;\r | |
1614 | }\r | |
1615 | \r | |
1616 | @if $font-size-focus == null {\r | |
1617 | $font-size-focus: $button-large-font-size-focus;\r | |
1618 | }\r | |
1619 | \r | |
1620 | @if $font-size-pressed == null {\r | |
1621 | $font-size-pressed: $button-large-font-size-pressed;\r | |
1622 | }\r | |
1623 | \r | |
1624 | @if $font-size-focus-over == null {\r | |
1625 | $font-size-focus-over: $button-large-font-size-focus-over;\r | |
1626 | }\r | |
1627 | \r | |
1628 | @if $font-size-focus-pressed == null {\r | |
1629 | $font-size-focus-pressed: $button-large-font-size-focus-pressed;\r | |
1630 | }\r | |
1631 | \r | |
1632 | @if $font-size-disabled == null {\r | |
1633 | $font-size-disabled: $button-large-font-size-disabled;\r | |
1634 | }\r | |
1635 | } @else {\r | |
1636 | @if $font-size-over == null {\r | |
1637 | $font-size-over: $font-size;\r | |
1638 | }\r | |
1639 | \r | |
1640 | @if $font-size-focus == null {\r | |
1641 | $font-size-focus: $font-size;\r | |
1642 | }\r | |
1643 | \r | |
1644 | @if $font-size-pressed == null {\r | |
1645 | $font-size-pressed: $font-size;\r | |
1646 | }\r | |
1647 | \r | |
1648 | @if $font-size-focus-over == null {\r | |
1649 | $font-size-focus-over: $font-size-over;\r | |
1650 | }\r | |
1651 | \r | |
1652 | @if $font-size-focus-pressed == null {\r | |
1653 | $font-size-focus-pressed: $font-size-pressed;\r | |
1654 | }\r | |
1655 | \r | |
1656 | @if $font-size-disabled == null {\r | |
1657 | $font-size-disabled: $font-size;\r | |
1658 | }\r | |
1659 | }\r | |
1660 | \r | |
1661 | @if $font-weight == null {\r | |
1662 | $font-weight: $button-large-font-weight;\r | |
1663 | \r | |
1664 | @if $font-weight-over == null {\r | |
1665 | $font-weight-over: $button-large-font-weight-over;\r | |
1666 | }\r | |
1667 | \r | |
1668 | @if $font-weight-focus == null {\r | |
1669 | $font-weight-focus: $button-large-font-weight-focus;\r | |
1670 | }\r | |
1671 | \r | |
1672 | @if $font-weight-pressed == null {\r | |
1673 | $font-weight-pressed: $button-large-font-weight-pressed;\r | |
1674 | }\r | |
1675 | \r | |
1676 | @if $font-weight-focus-over == null {\r | |
1677 | $font-weight-focus-over: $button-large-font-weight-focus-over;\r | |
1678 | }\r | |
1679 | \r | |
1680 | @if $font-weight-focus-pressed == null {\r | |
1681 | $font-weight-focus-pressed: $button-large-font-weight-focus-pressed;\r | |
1682 | }\r | |
1683 | \r | |
1684 | @if $font-weight-disabled == null {\r | |
1685 | $font-weight-disabled: $button-large-font-weight-disabled;\r | |
1686 | }\r | |
1687 | } @else {\r | |
1688 | @if $font-weight-over == null {\r | |
1689 | $font-weight-over: $font-weight;\r | |
1690 | }\r | |
1691 | \r | |
1692 | @if $font-weight-focus == null {\r | |
1693 | $font-weight-focus: $font-weight;\r | |
1694 | }\r | |
1695 | \r | |
1696 | @if $font-weight-pressed == null {\r | |
1697 | $font-weight-pressed: $font-weight;\r | |
1698 | }\r | |
1699 | \r | |
1700 | @if $font-weight-focus-over == null {\r | |
1701 | $font-weight-focus-over: $font-weight-over;\r | |
1702 | }\r | |
1703 | \r | |
1704 | @if $font-weight-focus-pressed == null {\r | |
1705 | $font-weight-focus-pressed: $font-weight-pressed;\r | |
1706 | }\r | |
1707 | \r | |
1708 | @if $font-weight-disabled == null {\r | |
1709 | $font-weight-disabled: $font-weight;\r | |
1710 | }\r | |
1711 | }\r | |
1712 | \r | |
1713 | @if $font-family == null {\r | |
1714 | $font-family: $button-large-font-family;\r | |
1715 | \r | |
1716 | @if $font-family-over == null {\r | |
1717 | $font-family-over: $button-large-font-family-over;\r | |
1718 | }\r | |
1719 | \r | |
1720 | @if $font-family-focus == null {\r | |
1721 | $font-family-focus: $button-large-font-family-focus;\r | |
1722 | }\r | |
1723 | \r | |
1724 | @if $font-family-pressed == null {\r | |
1725 | $font-family-pressed: $button-large-font-family-pressed;\r | |
1726 | }\r | |
1727 | \r | |
1728 | @if $font-family-focus-over == null {\r | |
1729 | $font-family-focus-over: $button-large-font-family-focus-over;\r | |
1730 | }\r | |
1731 | \r | |
1732 | @if $font-family-focus-pressed == null {\r | |
1733 | $font-family-focus-pressed: $button-large-font-family-focus-pressed;\r | |
1734 | }\r | |
1735 | \r | |
1736 | @if $font-family-disabled == null {\r | |
1737 | $font-family-disabled: $button-large-font-family-disabled;\r | |
1738 | }\r | |
1739 | } @else {\r | |
1740 | @if $font-family-over == null {\r | |
1741 | $font-family-over: $font-family;\r | |
1742 | }\r | |
1743 | \r | |
1744 | @if $font-family-focus == null {\r | |
1745 | $font-family-focus: $font-family;\r | |
1746 | }\r | |
1747 | \r | |
1748 | @if $font-family-pressed == null {\r | |
1749 | $font-family-pressed: $font-family;\r | |
1750 | }\r | |
1751 | \r | |
1752 | @if $font-family-focus-over == null {\r | |
1753 | $font-family-focus-over: $font-family-over;\r | |
1754 | }\r | |
1755 | \r | |
1756 | @if $font-family-focus-pressed == null {\r | |
1757 | $font-family-focus-pressed: $font-family-pressed;\r | |
1758 | }\r | |
1759 | \r | |
1760 | @if $font-family-disabled == null {\r | |
1761 | $font-family-disabled: $font-family;\r | |
1762 | }\r | |
1763 | }\r | |
1764 | \r | |
1765 | @include extjs-button-ui(\r | |
1766 | $ui: '#{$ui}-toolbar-large',\r | |
1767 | \r | |
1768 | $border-radius: $border-radius,\r | |
1769 | $border-width: $border-width,\r | |
1770 | \r | |
1771 | $border-color: $border-color,\r | |
1772 | $border-color-over: $border-color-over,\r | |
1773 | $border-color-focus: $border-color-focus,\r | |
1774 | $border-color-pressed: $border-color-pressed,\r | |
1775 | $border-color-focus-over: $border-color-focus-over,\r | |
1776 | $border-color-focus-pressed: $border-color-focus-pressed,\r | |
1777 | $border-color-disabled: $border-color-disabled,\r | |
1778 | \r | |
1779 | $padding: $padding,\r | |
1780 | $text-padding: $text-padding,\r | |
1781 | \r | |
1782 | $background-color: $background-color,\r | |
1783 | $background-color-over: $background-color-over,\r | |
1784 | $background-color-focus: $background-color-focus,\r | |
1785 | $background-color-pressed: $background-color-pressed,\r | |
1786 | $background-color-focus-over: $background-color-focus-over,\r | |
1787 | $background-color-focus-pressed: $background-color-focus-pressed,\r | |
1788 | $background-color-disabled: $background-color-disabled,\r | |
1789 | \r | |
1790 | $background-gradient: $background-gradient,\r | |
1791 | $background-gradient-over: $background-gradient-over,\r | |
1792 | $background-gradient-focus: $background-gradient-focus,\r | |
1793 | $background-gradient-pressed: $background-gradient-pressed,\r | |
1794 | $background-gradient-focus-over: $background-gradient-focus-over,\r | |
1795 | $background-gradient-focus-pressed: $background-gradient-focus-pressed,\r | |
1796 | $background-gradient-disabled: $background-gradient-disabled,\r | |
1797 | \r | |
1798 | $color: $color,\r | |
1799 | $color-over: $color-over,\r | |
1800 | $color-focus: $color-focus,\r | |
1801 | $color-pressed: $color-pressed,\r | |
1802 | $color-focus-over: $color-focus-over,\r | |
1803 | $color-focus-pressed: $color-focus-pressed,\r | |
1804 | $color-disabled: $color-disabled,\r | |
1805 | \r | |
1806 | $inner-border-width: $inner-border-width,\r | |
1807 | $inner-border-width-over: $inner-border-width-over,\r | |
1808 | $inner-border-width-focus: $inner-border-width-focus,\r | |
1809 | $inner-border-width-pressed: $inner-border-width-pressed,\r | |
1810 | $inner-border-width-focus-over: $inner-border-width-focus-over,\r | |
1811 | $inner-border-width-focus-pressed: $inner-border-width-focus-pressed,\r | |
1812 | $inner-border-width-disabled: $inner-border-width-disabled,\r | |
1813 | \r | |
1814 | $inner-border-color: $inner-border-color,\r | |
1815 | $inner-border-color-over: $inner-border-color-over,\r | |
1816 | $inner-border-color-focus: $inner-border-color-focus,\r | |
1817 | $inner-border-color-pressed: $inner-border-color-pressed,\r | |
1818 | $inner-border-color-focus-over: $inner-border-color-focus-over,\r | |
1819 | $inner-border-color-focus-pressed: $inner-border-color-focus-pressed,\r | |
1820 | $inner-border-color-disabled: $inner-border-color-disabled,\r | |
1821 | \r | |
1822 | $body-outline-width-focus: $body-outline-width-focus,\r | |
1823 | $body-outline-style-focus: $body-outline-style-focus,\r | |
1824 | $body-outline-color-focus: $body-outline-color-focus,\r | |
1825 | \r | |
1826 | $font-size: $font-size,\r | |
1827 | $font-size-over: $font-size-over,\r | |
1828 | $font-size-focus: $font-size-focus,\r | |
1829 | $font-size-pressed: $font-size-pressed,\r | |
1830 | $font-size-focus-over: $font-size-focus-over,\r | |
1831 | $font-size-focus-pressed: $font-size-focus-pressed,\r | |
1832 | $font-size-disabled: $font-size-disabled,\r | |
1833 | \r | |
1834 | $font-weight: $font-weight,\r | |
1835 | $font-weight-over: $font-weight-over,\r | |
1836 | $font-weight-focus: $font-weight-focus,\r | |
1837 | $font-weight-pressed: $font-weight-pressed,\r | |
1838 | $font-weight-focus-over: $font-weight-focus-over,\r | |
1839 | $font-weight-focus-pressed: $font-weight-focus-pressed,\r | |
1840 | $font-weight-disabled: $font-weight-disabled,\r | |
1841 | \r | |
1842 | $font-family: $font-family,\r | |
1843 | $font-family-over: $font-family-over,\r | |
1844 | $font-family-focus: $font-family-focus,\r | |
1845 | $font-family-pressed: $font-family-pressed,\r | |
1846 | $font-family-focus-over: $font-family-focus-over,\r | |
1847 | $font-family-focus-pressed: $font-family-focus-pressed,\r | |
1848 | $font-family-disabled: $font-family-disabled,\r | |
1849 | \r | |
1850 | $line-height: $line-height,\r | |
1851 | $icon-size: $icon-size,\r | |
1852 | $glyph-font-size: $glyph-font-size,\r | |
1853 | $icon-spacing: $icon-spacing,\r | |
1854 | $glyph-color: $glyph-color,\r | |
1855 | $glyph-opacity: $glyph-opacity,\r | |
1856 | $arrow-width: $arrow-width,\r | |
1857 | $arrow-height: $arrow-height,\r | |
1858 | $arrow-glyph: $arrow-glyph,\r | |
1859 | $arrow-glyph-color: $arrow-glyph-color,\r | |
1860 | $split-width: $split-width,\r | |
1861 | $split-height: $split-height,\r | |
1862 | $split-line-width: $split-line-width,\r | |
1863 | $split-line-color: $split-line-color,\r | |
1864 | $include-ui-menu-arrows: $include-ui-menu-arrows,\r | |
1865 | $include-ui-split-arrows: $include-ui-split-arrows,\r | |
1866 | $include-split-noline-arrows: $include-split-noline-arrows,\r | |
1867 | $include-split-over-arrows: $include-split-over-arrows,\r | |
1868 | $opacity-disabled: $opacity-disabled,\r | |
1869 | $inner-opacity-disabled: $inner-opacity-disabled\r | |
1870 | );\r | |
1871 | } |