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

.@{tooltip-prefix-cls} {
	&-inner {
		padding: 8px 16px;
		min-height: @layout-height-5;
		.typography-paragraph-4();
		color: @component-background;
		box-shadow: @tooltip-shadow;
		border-radius: @border-radius-container;
	}

	&-placement-topRight &-inner,
	&-placement-topLeft &-inner,
	&-placement-top &-inner {
		padding-bottom: calc(16px - 6px);
	}

	&-placement-topRight &-arrow,
	&-placement-topLeft &-arrow,
	&-placement-top &-arrow {
		bottom: 0;
	}

	&-placement-bottomRight &-inner,
	&-placement-bottomLeft &-inner,
	&-placement-bottom &-inner {
		padding-top: calc(16px - 6px);
	}
}

.make-color-classes(@i: length(@bdesign-preset-colors)) when (@i > 0) {
	.make-color-classes(@i - 1);
	@color: extract(@bdesign-preset-colors, @i);
	@lightColor: '@{color}-60';

	.@{tooltip-prefix-cls}-@{color} {
		.@{tooltip-prefix-cls}-inner {
			background-color: @@lightColor !important;
		}

		.@{tooltip-prefix-cls}-arrow {
			&-content {
				background-color: @@lightColor !important;
			}
		}
	}
}

.make-color-classes();