@import './layout';
@import './../base/states';
@import './images/indeterminate';

$progressbar-base: $base !default;
$progressbar-border: rgba(0, 0, 0, .08) !default;
$progressbar-active-border: darken($accent, 4%) !default;

@include exports('progressbar/theme') {

    .k-progressbar {
        background-color: $progressbar-base;
        border-color: $progressbar-border;

        .k-item {
            border-color: $progressbar-border;
        }

        .k-state-selected {
            border-color: $progressbar-active-border;
        }
    }

    .k-progressbar-indeterminate {
        background: embed-url('indeterminate.gif');

        .k-progress-status-wrap,
        .k-state-selected {
            display: none;
        }
    }
}