/**
 * @var {measurement} $index-bar-width
 * Width of the index bar.
 */
$index-bar-width: 1.1em !default;

/**
 * @var {color} $index-bar-bg-color
 * Background-color of the index bar.
 */
$index-bar-bg-color: hsla(hue($base-color), 10%, 60%, .8) !default;

/**
 * @var {color} $index-bar-color
 * Text color of the index bar.
 */
$index-bar-color: darken(desaturate($base-color, 5%), 15%) !default;

.x-indexbar {
    padding: .3em 0;
    color: $index-bar-color;
}

.x-indexbar-vertical {
    width: $index-bar-width;
    margin-right: 8px;
}

.x-indexbar-horizontal {
    height: $index-bar-width;
    margin-bottom: 8px;
}

.x-indexbar-pressed {
    @include border-radius(($index-bar-width)/2);
    background-color: $index-bar-bg-color;
}
