@use "sass:map";
@use "../core/_index.scss" as *;
@use "../button/_variables.scss" as *;
@use "./_variables.scss" as *;
@use "@progress/kendo-theme-core/scss/components/timeselector/_layout.scss" as *;

@mixin kendo-time-selector--layout() {
    @include kendo-time-selector--layout-base();

    .k-time-list-wrapper {
        .k-title {
            font-weight: 600;
            padding-block-end: $kendo-time-list-title-spacing;
        }
    }

    // Time selector header
    .k-time-header,
    .k-time-selector-header {
        .k-time-now {
            text-transform: uppercase;
        }
    }

    // Time selector header
    .k-time-header,
    .k-time-selector-header {
        .k-time-now {
            text-transform: uppercase;
        }
    }

    .k-time-separator {
        display: $kendo-time-list-separator-display;
    }
}