@import '~@angular/material/theming';

@mixin adf-toolbar-theme($theme) {
    $foreground: map-get($theme, foreground);
    $adf-toolbar-height: 48px !default;
    $adf-toolbar-single-row-height: 64px !default;
    $adf-toolbar-font-size: 14px !default;
    $adf-toolbar-padding: 16px !default;
    $adf-toolbar-icon-color: mat-color($foreground, text, 0.54) !default;

    .adf-toolbar {
        &--spacer {
            flex: 1 1 auto;
        }

        &-title {
            overflow: hidden;
            display: flex;
            width: 100%;
        }

        .mat-toolbar {
            min-height: $adf-toolbar-height;
            border: 1px solid mat-color($foreground, text, 0.07);
            color: $adf-toolbar-icon-color;
        }

        .mat-toolbar-row {
            height: $adf-toolbar-height;
            font-size: $adf-toolbar-font-size;
            white-space: normal;
        }

        .mat-toolbar-single-row {
            padding: 0 $adf-toolbar-padding;
            height: $adf-toolbar-single-row-height;
        }

        &.adf-toolbar--inline {
            .mat-toolbar {
                background-color: inherit;
                border: none !important;
                padding: 0;
            }
        }
    }
}