@import url(~antd/lib/progress/style/index-pure.less);
@import (reference) '../../style/themes/index';

@progress-prefix-cls: ~'@{ant-prefix}-progress';
@icon-prefix-cls: ~'@{ant-prefix}-icon';

.@{progress-prefix-cls} {
	&-middle &-bg {
		background-color: @progress-middle-color;
	}
	&-text {
		.@{iconfont-css-prefix} {
			font-size: @font-size-lg;
		}
	}

	&-text&-number {
		color: @progress-info-text-color !important;
	}

	&-text-number {
		display: block;
		font-size: 36px !important;
		line-height: 42px;
	}

	&-text-title {
		display: block;
		font-size: @font-size-base;
		line-height: @height-xs;
	}

	&-circle &-icon {
		font-size: 1.5em;
	}

	&-m &-text-number {
		font-size: @heading-4-size !important;
		line-height: @height-base;
	}

	&-sm &-text-number {
		font-size: @heading-4-size !important;
		line-height: @height-xs;
	}

	&-status-normal &-text,
	&-status-active &-text {
		.@{iconfont-css-prefix} {
			color: @dark-gray-40;
		}
	}
	&-status-success &-text {
		.@{iconfont-css-prefix} {
			color: @success-color;
		}
	}
	&-status-error &-text {
		.@{iconfont-css-prefix} {
			color: @error-color;
		}
	}
	&-status-warning &-text {
		.@{iconfont-css-prefix} {
			color: @warning-color;
		}
	}
	&-circle-trail {
		stroke: @component-background-active !important;
	}
	&-line &-text {
		.@{icon-prefix-cls} {
			margin-left: @padding-xs;
		}
	}
	&-circle&-lg &-text {
		font-size: 34px;
	}
	&-circle &-text {
		font-size: 24px;
	}
	&-circle&-sm &-text {
		font-size: @font-size-lg;
	}
	//circle mini
	&-circle&-mini &-text {
		display: none;
	}

	//normal和tooken挂钩
	&-circle&-status-normal {
		#rc_progress_0-gradient {
			stop:first-of-type {
				stop-color: var(--b-design-primary-60, #1b58f4);
			}
			stop:last-of-type {
				stop-color: var(--b-design-primary-50, #457aff);
			}
		}
	}

	&-line&-status-normal &-bg {
		background-image: linear-gradient(
			to right,
			var(--b-design-primary-60, #1b58f4),
			var(--b-design-primary-50, #457aff)
		) !important;
	}
}