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

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

.@{avatar-prefix-cls} {
	&.@{avatar-prefix-cls}-xl {
		.avatar-size(@avatar-size-xl, @avatar-font-size-xl);
		font-size: @heading-4-size;

		&.@{avatar-prefix-cls}-square {
			border-radius: @avatar-border-radius;
		}
	}

	&.@{avatar-prefix-cls}-lg {
		.avatar-size(@avatar-size-lg, @avatar-font-size-lg);
		font-size: @font-size-lg;
	}

	& {
		.avatar-size(@avatar-size-base, @avatar-font-size-base);
	}
	&.@{avatar-prefix-cls}-sm {
		.avatar-size(@avatar-size-sm, @avatar-font-size-sm);

		font-size: @font-size-sm;
	}
	&&-square {
		border-radius: @avatar-border-radius;
	}
}

.@{avatar-prefix-cls}-group {
	.@{avatar-prefix-cls} {
		border: none;

		&:not(:first-child) {
			margin-left: @avatar-group-overlapping;
		}
	}

	.@{avatar-prefix-cls}.@{avatar-prefix-cls} {
		&-sm:not(:first-child) {
			margin-left: @avatar-group-overlapping-sm;
		}
		&-lg:not(:first-child) {
			margin-left: @avatar-group-overlapping-lg;
		}
		&-xl:not(:first-child) {
			margin-left: @avatar-group-overlapping-xl;
		}
	}
}