@if $include-tip-default-ui {
    @include extjs-tip-ui(
        $ui: 'default'
    );
}

@if $include-ext-form-field-base {
    @if $include-tip-form-invalid-ui {
        @include extjs-tip-ui(
            $ui: 'form-invalid',
            $ui-border-color: $tip-error-border-color,
            $ui-border-width: $tip-error-border-width,
            $ui-border-radius: $tip-error-border-radius,
            $ui-background-color: $tip-error-background-color,
            $ui-body-padding: $tip-error-body-padding,
            $ui-body-color: $tip-error-body-color,
            $ui-body-font-size: $tip-error-body-font-size,
            $ui-body-font-weight: $tip-error-body-font-weight,
            $ui-body-link-color: $tip-error-body-link-color,
            $ui-inner-border-color: $tip-error-inner-border-color,
            $ui-inner-border-width: $tip-error-inner-border-width
        );
    }

    .#{$prefix}tip-body-form-invalid {
        background: 1px 1px no-repeat;
        background-image: theme-background-image('form/exclamation');
        li {
            margin-bottom: 4px;
            &.last {
                margin-bottom: 0;
            }
        }
    }
}