@use "../core/_index.scss" as *;
@use "./_variables.scss" as *;

@mixin kendo-floating-label--theme() {

     // Floating label
     .k-floating-label-container {

        > .k-floating-label {
            @include fill(
                $color: var( --kendo-floating-label-text, #{$kendo-floating-label-text} ),
                $bg: var( --kendo-floating-label-bg, #{$kendo-floating-label-bg} )
            );
        }

        &.k-focus > .k-floating-label {
            @include fill(
                $color: var( --kendo-floating-label-focus-text, #{$kendo-floating-label-focus-text} ),
                $bg: var( --kendo-floating-label-focus-bg, #{$kendo-floating-label-focus-bg} )
            );
        }

        &.k-invalid > .k-floating-label,
        &.ng-invalid.ng-touched > .k-floating-label,
        &.ng-invalid.ng-dirty > .k-floating-label {
            @include fill ( $color: var( --kendo-floating-label-invalid-text, #{$kendo-floating-label-invalid-text} ) );
        }

    }

}