42 lines
870 B
Plaintext
42 lines
870 B
Plaintext
// TextBox
|
|
|
|
.@{prefix}-textbox {
|
|
background: @textbox-bg;
|
|
border: 1px solid @textbox-border;
|
|
.border-radius(3px);
|
|
.box-shadow(@textbox-box-shadow);
|
|
display: inline-block;
|
|
.transition(~"border linear .2s, box-shadow linear .2s");
|
|
height: 28px;
|
|
resize: none;
|
|
padding: 0 4px 0 4px;
|
|
white-space: pre-wrap;
|
|
*white-space: pre;
|
|
color: @text;
|
|
}
|
|
|
|
.@{prefix}-textbox:focus, .@{prefix}-textbox.@{prefix}-focus {
|
|
border-color: @textbox-border-focus;
|
|
.box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px fadeout(@textbox-border-focus, 15%));
|
|
}
|
|
|
|
.@{prefix}-placeholder .@{prefix}-textbox {
|
|
color: @textbox-text-placeholder;
|
|
}
|
|
|
|
.@{prefix}-textbox.@{prefix}-multiline {
|
|
padding: 4px;
|
|
height: auto;
|
|
}
|
|
|
|
.@{prefix}-textbox.@{prefix}-disabled {
|
|
color: mix(@text, @textbox-bg, 40%);
|
|
}
|
|
|
|
// RTL
|
|
|
|
.@{prefix}-rtl .@{prefix}-textbox {
|
|
text-align: right;
|
|
direction: rtl;
|
|
}
|