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

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

.@{dialog-prefix-cls} {
	&-header {
		padding: @modal-header-padding-tb @modal-padding-lr;
		line-height: @modal-header-height;
		border-bottom: 0px;
		border-radius: @border-radius-large @border-radius-large 0 0;
		.@{dialog-prefix-cls}-title {
			line-height: @modal-header-height;
		}
	}

	&-body {
		box-sizing: content-box;
		.typography-caption();
		color: @gray-70;
	}

	&-content {
		box-shadow: @shadow-3;
		border-radius: @border-radius-large;
	}

	&-footer {
		padding: @modal-header-padding-tb @modal-padding-lr;
		border-top: 0px;
		display: flex;
		justify-content: end;
		align-items: center;
	}

	&-close {
		color: @modal-close-color;
		&:focus,
		&:hover {
			color: @heading-color;
		}
	}

	&-md &-header,
	&-lg &-header,
	&-md &-body,
	&-lg &-body,
	&-md &-footer,
	&-lg &-footer {
		padding-left: @modal-body-padding-lr-m;
		padding-right: @modal-body-padding-lr-m;
	}
	&-fullscreen &-header,
	&-fullscreen &-body,
	&-fullscreen &-footer {
		padding-left: @modal-fullscreen-body-padding-lr-m;
		padding-right: @modal-fullscreen-body-padding-lr-m;
	}

	// 每个尺寸的最小宽度和高度，xs单独有样式

	&-sm &-body {
		min-height: 148px;
	}

	&-md &-body {
		min-height: 170px;
	}

	&-lg &-body {
		min-height: 312px;
	}

	&-fullscreen &-body {
		min-height: calc(100vh * 0.6);
	}

	&-md &-body,
	&-md &-footer,
	&-lg &-body,
	&-lg &-footer {
		padding-left: @modal-body-padding-lr-m;
		padding-right: @modal-body-padding-lr-m;
	}

	&-nofooter &-body {
		padding: @modal-nofooter-body-padding;
		min-height: 218px;
	}

	&-fullscreen &-footer,
	&-md &-footer,
	&-lg &-footer {
		.@{btn-prefix-cls} + .@{btn-prefix-cls}:not(.@{ant-prefix}-dropdown-trigger) {
			margin-left: 16px;
		}
	}

	// Confirm
	&-confirm &-body {
		padding: @modal-confirm-body-padding;
	}

	&-confirm-body &-confirm-content {
		.typography-caption();
		color: @gray-70;
		margin-top: @margin-sm;
	}

	&-confirm &-confirm-btns {
		margin-top: @modal-confirm-butto-marginTop;

		.@{btn-prefix-cls}-text {
			color: @primary-color;
		}
	}

	&-confirm-body > .@{icon-prefix-cls} {
		margin-right: @padding-xs;
	}

	&-confirm-body > .@{icon-prefix-cls} + &-confirm-title + &-confirm-content {
		margin-left: 0px;
		color: @gray-70;
	}

	// &-confirm-success &-confirm-title {
	// 	color: @success-color;
	// }

	// &-confirm-warning &-confirm-title {
	// 	color: @warning-color;
	// }

	// &-confirm-error &-confirm-title {
	// 	color: @error-color;
	// }

	// Glassmorphism毛玻璃
	&-glassmorphism &-mask {
		.glassmorphism-modal();
	}

	// xs单独的样式
	// &-xs &-close {
	// 	display: none;
	// }

	&-xs &-content {
		padding: @modal-xs-content-padding;
	}

	&-xs &-header {
		padding: 0;
		padding-bottom: 8px;
	}

	&-xs &-body {
		min-height: 34px;
		padding: 0;
	}

	&-xs &-footer {
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;

		.@{btn-prefix-cls}-text {
			color: @primary-color;
		}
	}

	&-xs&-nofooter &-body {
		// padding: @modal-nofooter-body-padding;
		min-height: 80px;
	}
}