// @import "sinosun-ui/lib/style/themes/default.less";
// @import "sinosun-ui/lib/style/mixins/index.less";

.sn-textarea-item {
	align-items: flex-start !important;
	.title-align-right {
		text-align: right !important;
		& + .sn-list-item-value {
			padding-left: 0.3rem;
		}
	}
	.sn-list-item-value {
		height: auto !important;
		font-size: 0;
	}
	.textarea-with{
		width: 88%;
	}
	.textarea-container {
		font-size: 0;
		max-height: 0.3rem * 1.4 * 10;
		overflow: auto;
	}
	&-textarea {
		width: 100%;
		max-width: 100%;
		resize: none;
        color: @text-color;
		line-height: 1.4;
		font-size: 0.32rem;
		text-align: inherit;
		overflow: hidden;
		&[readonly='readonly'] {
			pointer-events: none;
		}

		// 兼容浏览器placeholder
		&::-webkit-input-placeholder {
			color: @placeholder-color;
		}

		&::-moz-placeholder {
			color: @placeholder-color;
		}

		&::-ms-input-placeholder {
			color: @placeholder-color;
		}
	}
	.number-limit {
		line-height: 0.6rem;
		font-size: 0.28rem;
		color: @placeholder-color;
		text-align: right;
	}
	@media screen and(min-width:@screen-sm) {
		.sn-list-item-value {
			min-height: 30px;
		}
		.sn-list-item-title {
			line-height: 2;
		}
		.textarea-container {
			max-height: 14px * 2 * 10 + 2;
		}
		&-textarea {
			line-height: 2;
			font-size: 14px;
		}
		.number-limit {
			font-size: 14px;
		}
	}
}
