@use "../../mixins/index.scss" as *;
@use "../../functions/index.scss" as *;
@use "../../color-system/_functions.scss" as *;
@use "../../_variables.scss" as *;
@use "./variables.scss" as *;

@mixin kendo-appbar--theme-base() {

    .k-appbar {
        @include box-shadow( $kendo-appbar-box-shadow );

        // AppBar theme colors
        @each $name in $kendo-appbar-theme-colors {
            #{k-when-default($kendo-appbar-default-theme-color, $name)}
            &.k-appbar-#{$name} {
                @if $name == "inherit" {
                    color: inherit;
                    background-color: inherit;

                } @else {
                    color: k-color(on-#{$name});
                    background-color: k-color(#{$name});
                }
            }
        }
    }
    .k-appbar-bottom {
        @include box-shadow( $kendo-appbar-bottom-box-shadow );
    }
}