hy-checkbox/lib/Textarea/textarea.less

checkbox & radio ui components for react

/*
 * @Author: SiMeiyu 
 * @Date: 2017-07-04 10:07:36 
 */ 

@import "../../app/variables.less";

.@{ult-prefix}-textarea {
	display: block;
	background-color: @input-bg;
	background-image: none;
	border: 1px solid @input-border;
	border-radius: @border-radius;
	color: @input-color;
	width: 100%;
	padding: @base-space / 2 @base-space;
	transition: border-color 0.15s ease-in-out 0s;
	font-size: 12px;
	line-height: 22px;
	&:focus {
		border-color: @primary;
	}
	&.warning {
		border-color: @danger;
	}
	&[disabled] {
		background-color: @input-disable-bg;
		border-color: @input-disable-border;
		color: @input-disable-color;
		cursor: not-allowed;
	}

	&-group {
		.@{ult-prefix}-textarea {
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
		}
		&-addon {
			display: block;
			border-radius: 0 0 @border-radius @border-radius;
			border: 1px solid @input-border;
			border-top: none;
			color: @text-caption;
			padding: @base-space;
			line-height: @base-space * 2;
			text-align: left;
			font-size: @font-size-base;
			background-color: @input-group-btn-bg;
		}
		&-disabled {
			cursor: not-allowed;
			.@{ult-prefix}-textarea-group-addon {
				background-color: @input-disable-bg;
				color: @input-disable-color;
			}
		}
	}
}