@import '../../style/themes/index';

@btn-prefix-cls: ~'@{ant-prefix}-btn';

.link-style(@color,@hover-color) {
	&:not([disabled]) {
		color: @color;
	}
	&:hover:not([disabled]),
	&:focus:not([disabled]),
	&:not([disabled]):active {
		color: @hover-color;
		&.@{btn-prefix-cls}-underline::after {
			background-color: @hover-color;
		}
	}
	&.@{btn-prefix-cls}-underline::after {
		background-color: @color;
	}
}

.@{btn-prefix-cls} {
	&&-link:not(&-sm):not(&-xs):not(&-lg):not(&-xl) {
		font-size: @font-size-base;
		// .typography-paragraph-2();
	}

	&-lg&-link {
		font-size: @font-size-lg;
	}
	&-link + &-link,
	&-group &-link + &-link {
		margin-inline-start: 16px;
	}
}

.@{btn-prefix-cls}-group.link-group {
	p + .@{btn-prefix-cls}-link,
	span + .@{btn-prefix-cls}-link,
	.@{ant-prefix}-typography .@{btn-prefix-cls}-link {
		margin-inline-start: 24px;
	}
}

.@{btn-prefix-cls}.link-secondary {
	.link-style(@text-color,@heading-color);
	&[disabled] {
		color: @disabled-color!important;
		&.@{btn-prefix-cls}-underline::after {
			background-color: @disabled-color;
		}
	}
}

//不同status
.@{btn-prefix-cls} {
	&-group.link-group.error &-link,
	&&-link.error {
		.link-style(@error-color,@danger-color-hover);
	}
	&-group.link-group.success &-link,
	&&-link.success {
		.link-style(@success-color,@success-color-hover);
	}
	&-group.link-group.warning &-link,
	&&-link.warning {
		.link-style(@warning2-color,@warning2-color-hover);
	}

	//group
}

.@{btn-prefix-cls}-group-sm.link-group > .@{btn-prefix-cls} {
	font-size: @btn-font-size-sm!important;
	line-height: calc(@layout-height-2 + 2px);
	.@{iconfont-css-prefix} {
		font-size: calc(@iconfont-size-sm - 2px);
	}
}