/* wc.ui.textarea.scss */
@import 'mixins-common';

// the ticker
textarea + output {
	@include border($color: -1);
	@include border($pos: top, $width: 0);
	display: block;
	margin-top: -$wc-border-width;
	padding: $wc-gap-small;
	position: absolute;
	z-index: $wc-z-index-common;

	&:before { // show the number of chars remaining
		content: attr(value);
		font-size: 85%;
	}

	dialog & {
		z-index: $wc-z-index-common-in-dialog;
	}
}


// A readonly textarea must preserve whitespace so uses a pre element (for IE compatibility) so we need to override PRE
// defaults and set whitespace to textarea-like settings.
//scss-lint:disable QualifyingElement
pre.wc-textarea {
	font-family: inherit;
	margin: 0;
	white-space: pre-wrap;
	word-break: normal;
}

div.wc-textarea {
	word-break: normal;
}

@import 'wc.ui.textArea.color';
