//
// Component: Progress
//
// ========================================================================


// Variables
// ========================================================================

@progress-margin-vertical:                      @global-margin;
@progress-background:                           @global-light-background;

@progress-bar-background:                       @global-primary-background;
@progress-bar-font-size:                        round((@global-font-size * 0.65)); // 10px
@progress-bar-color:                            @global-contrast-color;

@progress-bar-success-background:               @global-success-background;
@progress-bar-warning-background:               @global-warning-background;
@progress-bar-danger-background:                @global-danger-background;
@progress-bar-tertiary-background:              @global-primary-2-background;




// Component
// ========================================================================

.hook-progress() {
	border-radius: (@global-border-radius + 1px);
	padding: 3px;
	height: 20px;
	box-shadow: inset 0 0 0 1px @global-light-background;
}


// Sub-object: `progress-bar`
// ========================================================================

.hook-progress-bar() {
	box-shadow: inset 0 1px 0 @global-dark-15-shadow;
	border-radius: @global-border-radius;
	line-height: 1.3;
}


// Color modifiers
// ========================================================================

.hook-progress-bar-success() {}

.hook-progress-bar-warning() {}

.hook-progress-bar-danger() {}


// Miscellaneous
// ========================================================================

.hook-progress-misc() {

	.uk-progress-tertiary {
		background-color: @progress-bar-tertiary-background;
	}

	.uk-progress {
		&.uk-progress-mini {padding: 1px;}
		&.uk-progress-small {padding: 3px;}
	}
}