add extjs 6.0.1 sources

[extjs.git] / extjs / classic / theme-neutral / sass / src / form / CheckboxGroup.scss

/**\r
 * Creates a visual theme for a CheckboxGroup buttons.  Note this mixin only provides\r
 * styling for the CheckboxGroup body and its {@link Ext.form.field.Checkbox#boxLabel}, The {@link #fieldLabel}\r
 * and error icon/message are styled by {@link #extjs-label-ui}.\r
 *\r
 * @param {string} $ui\r
 * The name of the UI being created. Can not included spaces or special punctuation\r
 * (used in CSS class names).\r
 *\r
 * @param {number/list} [$ui-body-padding=$form-checkboxgroup-body-padding]\r
 * The padding of the CheckboxGroup body element\r
 *\r
 * @param {color} [$ui-body-invalid-border-color=$form-checkboxgroup-body-invalid-border-color]\r
 * The border color of the CheckboxGroup body element when in an invalid state.\r
 *\r
 * @param {string} [$ui-body-invalid-border-style=$form-checkboxgroup-body-invalid-border-style]\r
 * The border style of the CheckboxGroup body element when in an invalid state.\r
 *\r
 * @param {number} [$ui-body-invalid-border-width=$form-checkboxgroup-body-invalid-border-width]\r
 * The border width of the CheckboxGroup body element when in an invalid state.\r
 *\r
 * @param {string} [$ui-body-invalid-background-image=$form-checkboxgroup-body-invalid-background-image]\r
 * The background image of the CheckboxGroup body element when in an invalid state.\r
 *\r
 * @param {string} [$form-checkboxgroup-body-invalid-background-repeat=$form-field-invalid-background-repeat]\r
 * The background-repeat of the CheckboxGroup body element when in an invalid state.\r
 *\r
 * @param {string} [$ui-body-invalid-background-position=$form-checkboxgroup-body-invalid-background-position]\r
 * The background-position of the CheckboxGroup body element when in an invalid state.\r
 *\r
 * @member Ext.form.CheckboxGroup\r
 */\r
@mixin extjs-checkboxgroup-ui(\r
    $ui: null,\r
    $ui-body-padding: $form-checkboxgroup-body-padding,\r
    $ui-body-invalid-border-color: $form-checkboxgroup-body-invalid-border-color,\r
    $ui-body-invalid-border-style: $form-checkboxgroup-body-invalid-border-style,\r
    $ui-body-invalid-border-width: $form-checkboxgroup-body-invalid-border-width,\r
    $ui-body-invalid-background-image: $form-checkboxgroup-body-invalid-background-image,\r
    $ui-body-invalid-background-repeat: $form-checkboxgroup-body-invalid-background-repeat,\r
    $ui-body-invalid-background-position: $form-checkboxgroup-body-invalid-background-position\r
) {\r
\r
    .#{$prefix}form-item-body-#{$ui}.#{$prefix}form-checkboxgroup-body {\r
        padding: $ui-body-padding;\r
\r
        .#{$prefix}form-invalid & {\r
            @if $ui-body-invalid-border-width != 0 {\r
                border-width: $ui-body-invalid-border-width;\r
                border-style: $ui-body-invalid-border-style;\r
                border-color: $ui-body-invalid-border-color;\r
            }\r
            @if not is-null($ui-body-invalid-background-image) {\r
                background-image: theme-background-image($ui-body-invalid-background-image);\r
                background-repeat: $ui-body-invalid-background-repeat;\r
                background-position: $ui-body-invalid-background-position;\r
            }\r
        }\r
    }\r
}\r
\r
@if $include-checkboxgroup-default-ui {\r
    @include extjs-checkboxgroup-ui(\r
        $ui: 'default'\r
    );\r
}