//
// Component: Form advanced
//
// ========================================================================


// Variables
// ========================================================================

@form-advanced-size:                          16px;
@form-advanced-border:                        #D5D5D5;
@form-advanced-color:                         #fff;

@form-advanced-checked-color:                 #fff;

@form-advanced-radio-size:                    4px;

@form-advanced-checkbox-icon:                 "";
@form-advanced-checkbox-indeterminate-icon:   "";


// Component
// ========================================================================

.hook-form-advanced() {}

.hook-form-advanced-checked() {}

.hook-form-advanced-radio() {}

.hook-form-advanced-checkbox() {
    height: @form-advanced-size;
    background: url("@{global-image-path}/checkbox-check.svg") 0 0 no-repeat;
}

.hook-form-advanced-disabled() {}


// Miscellaneous
// ========================================================================

.hook-form-advanced-misc() {

    .uk-form input[type="checkbox"] { border-radius: 2px; }

    .uk-form input[type="radio"]:checked,
    .uk-form input[type="checkbox"]:checked,
    .uk-form input[type=checkbox]:indeterminate {
        border-color: transparent;
        background: @global-success-background;
    }

    .uk-form input[type=checkbox]:indeterminate:before {
        height: @form-advanced-size;
        background: url("@{global-image-path}/checkbox-indeterminate.svg") 0 0 no-repeat;
    }

    .uk-form input[type=radio]:disabled:checked,
    .uk-form input[type=checkbox]:disabled:checked,
    .uk-form input[type=checkbox]:disabled:indeterminate {
        border-color: @form-advanced-disabled-border;
        background-color: transparent;
    }

    .uk-form input[type=checkbox]:disabled:checked:before { background: url("@{global-image-path}/checkbox-check-disabled.svg") 0 0 no-repeat;}

}

