@import "node_modules/uikit/src/less/uikit.theme.less";

.label {
    display: inline-block;
    padding: @label-padding-vertical @label-padding-horizontal;
    background: @label-background;
    line-height: @label-line-height;
    font-size: @label-font-size;
    color: @label-color;
    vertical-align: middle;
    white-space: nowrap;
    .hook-label;
}

.label-success {
    background-color: @label-success-background;
    color: @label-success-color;
}

.label-warning {
    background-color: @label-warning-background;
    color: @label-warning-color;
}

.label-danger {
    background-color: @label-danger-background;
    color: @label-danger-color;
}

.label-pending {
    background-color: @global-secondary-background;
    color: @global-inverse-color;
}

@internal-divider-icon-image:                    "../img/divider-icon.svg";
@internal-form-select-image:                     "../img/form-select.svg";
@internal-form-datalist-image:                   "../img/form-datalist.svg";
@internal-form-radio-image:                      "../img/form-radio.svg";
@internal-form-checkbox-image:                   "../img/form-checkbox.svg";
@internal-form-checkbox-indeterminate-image:     "../img/form-checkbox-indeterminate.svg";
@internal-nav-parent-close-image:                "../img/nav-parent-close.svg";
@internal-nav-parent-open-image:                 "../img/nav-parent-open.svg";
@internal-list-bullet-image:                     "../img/list-bullet.svg";
@internal-accordion-open-image:                  "../img/accordion-open.svg";
@internal-accordion-close-image:                 "../img/accordion-close.svg";

.hook-card-default() {
	.uk-light & {
		background: @card-secondary-background;
		color: @card-secondary-color;
	}
}

.hook-card-default-title() {
	.uk-light & {
		color: @card-secondary-title-color;
	}
}

.hook-card-default-hover() {
	.uk-light & {
		background-color: @card-secondary-hover-background;
	}
}