123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237 |
- /**
- * @class Ext.field.Radio
- */
- /**
- * @var {number}
- * Radio Field checkbox size
- */
- $radiofield-checkbox-size: dynamic(null);
- /**
- * @var {number}
- * Radio Field checkbox size in the {@link Global_CSS#$enable-big big} sizing scheme
- */
- $radiofield-checkbox-size-big: dynamic(null);
- /**
- * @var {number}
- * Radio Field checkbox font size
- */
- $radiofield-checkbox-font-size: dynamic(null);
- /**
- * @var {number}
- * Radio checkbox font size in the {@link Global_CSS#$enable-big big} sizing scheme
- */
- $radiofield-checkbox-font-size-big: dynamic(null);
- /**
- * @var {number}
- * Radio checkbox margin
- */
- $radiofield-checkbox-margin: dynamic(null);
- /**
- * @var {number}
- * Radio checkbox margin in the {@link Global_CSS#$enable-big big} sizing scheme
- */
- $radiofield-checkbox-margin-big: dynamic(null);
- /**
- * @var {string/list}
- * Radio Field checkbox icon
- */
- $radiofield-checkbox-icon: dynamic($fa-var-circle-o);
- /**
- * @var {string/list}
- * Radio Field checkbox icon when checked
- */
- $radiofield-checked-checkbox-icon: dynamic($fa-var-dot-circle-o);
- /**
- * @var {color}
- * Radio Field checkbox color
- */
- $radiofield-checkbox-color: dynamic(null);
- /**
- * @var {color}
- * Radio Field checkbox color when checked
- */
- $radiofield-checked-checkbox-color: dynamic(null);
- /**
- * @var {color}
- * Radio Field checkbox color when disabled
- */
- $radiofield-disabled-checkbox-color: dynamic(null);
- /**
- * @var {color}
- * Radio Field checkbox color when focused
- */
- $radiofield-focused-checkbox-color: dynamic(null);
- /**
- * @var {color}
- * Radio Field {@link #boxLabel} text color
- */
- $radiofield-box-label-color: dynamic($field-label-color);
- /**
- * @var {string/number}
- * Radio Field {@link #boxLabel} font-weight
- */
- $radiofield-box-label-font-weight: dynamic(null);
- /**
- * @var {number}
- * Radio Field {@link #boxLabel} font-size
- */
- $radiofield-box-label-font-size: dynamic(null);
- /**
- * @var {number}
- * Radio Field {@link #boxLabel} font-size in the {@link Global_CSS#$enable-big big} sizing scheme
- */
- $radiofield-box-label-font-size-big: dynamic(null);
- /**
- * @var {number}
- * Radio Field {@link #boxLabel} line-height
- */
- $radiofield-box-label-line-height: dynamic(null);
- /**
- * @var {number}
- * Radio Field {@link #boxLabel} line-height in the {@link Global_CSS#$enable-big big} sizing scheme
- */
- $radiofield-box-label-line-height-big: dynamic(null);
- /**
- * @var {string}
- * Radio Field {@link #boxLabel} font-family
- */
- $radiofield-box-label-font-family: dynamic(null);
- /**
- * @var {number/list}
- * Radio Field {@link #boxLabel} padding
- * The padding box will be flipped horizontally when {@link #boxLabelAlign} is `before`
- */
- $radiofield-box-label-padding: dynamic(null);
- /**
- * @var {number/list}
- * Radio Field {@link #boxLabel} padding in the {@link Global_CSS#$enable-big big} sizing scheme
- * The padding box will be flipped horizontally when {@link #boxLabelAlign} is `before`
- */
- $radiofield-box-label-padding-big: dynamic(null);
- /**
- * Creates a visual theme for a Radio Field
- *
- * @param {string} $ui
- * The name of the UI being created. Can not included spaces or special punctuation
- * (used in CSS class names).
- *
- * @param {String} [$xtype=radiofield] (protected) The {@link Ext.Class#xtype} to use
- * in CSS selectors. For use by UI mixins of derived classes.
- *
- * @param {number} $checkbox-size
- * Radio Field checkbox size
- *
- * @param {number} $checkbox-size-big
- * Radio Field checkbox size in the {@link Global_CSS#$enable-big big} sizing scheme
- *
- * @param {number} $checkbox-font-size
- * Radio Field checkbox font size
- *
- * @param {number} $checkbox-font-size-big
- * Radio checkbox font size in the {@link Global_CSS#$enable-big big} sizing scheme
- *
- * @param {number} $checkbox-margin
- * Radio checkbox margin
- *
- * @param {number} $checkbox-margin-big
- * Radio checkbox margin in the {@link Global_CSS#$enable-big big} sizing scheme
- *
- * @param {string/list} $checkbox-icon
- * Radio Field checkbox icon
- *
- * @param {string/list} $checked-checkbox-icon
- * Radio Field checkbox icon when checked
- *
- * @param {color} $checkbox-color
- * Radio Field checkbox color
- *
- * @param {color} $checked-checkbox-color
- * Radio Field checkbox color when checked
- *
- * @param {color} $disabled-checkbox-color
- * Radio Field checkbox color when disabled
- *
- * @param {color} $focused-checkbox-color
- * Radio Field checkbox color when focused
- *
- * @param {color} $box-label-color
- * Radio Field {@link #boxLabel} text color
- *
- * @param {string/number} $box-label-font-weight
- * Radio Field {@link #boxLabel} font-weight
- *
- * @param {number} $box-label-font-size
- * Radio Field {@link #boxLabel} font-size
- *
- * @param {number} $box-label-font-size-big
- * Radio Field {@link #boxLabel} font-size in the {@link Global_CSS#$enable-big big} sizing scheme
- *
- * @param {number} $box-label-line-height
- * Radio Field {@link #boxLabel} line-height
- *
- * @param {number} $box-label-line-height-big
- * Radio Field {@link #boxLabel} line-height in the {@link Global_CSS#$enable-big big} sizing scheme
- *
- * @param {string} $box-label-font-family
- * Radio Field {@link #boxLabel} font-family
- *
- * @param {number/list} $box-label-padding
- * Radio Field {@link #boxLabel} padding
- * The padding box will be flipped horizontally when {@link #boxLabelAlign} is `before`
- *
- * @param {number/list} $box-label-padding-big
- * Radio Field {@link #boxLabel} padding in the {@link Global_CSS#$enable-big big} sizing scheme
- * The padding box will be flipped horizontally when {@link #boxLabelAlign} is `before`
- */
- @mixin radiofield-ui(
- $ui: null,
- $xtype: radiofield,
- $checkbox-size: null,
- $checkbox-size-big: null,
- $checkbox-font-size: null,
- $checkbox-font-size-big: null,
- $checkbox-margin: null,
- $checkbox-margin-big: null,
- $checkbox-icon: null,
- $checked-checkbox-icon: null,
- $checkbox-color: null,
- $checked-checkbox-color: null,
- $disabled-checkbox-color: null,
- $focused-checkbox-color: null,
- $box-label-color: null,
- $box-label-font-weight: null,
- $box-label-font-size: null,
- $box-label-font-size-big: null,
- $box-label-line-height: null,
- $box-label-line-height-big: null,
- $box-label-font-family: null,
- $box-label-padding: null,
- $box-label-padding-big: null
- ) {
- $arguments: intersect-arguments(radiofield-ui, checkboxfield-ui);
- @include checkboxfield-ui($arguments...);
- }
|