1 // TextBox

     2 

     3 .@{prefix}-textbox {

     4 	background: @textbox-bg;

     5 	border: 1px solid @textbox-border;

     6 	.border-radius(3px);

     7 	.box-shadow(@textbox-box-shadow);

     8 	display: inline-block;

     9 	.transition(~"border linear .2s, box-shadow linear .2s");

    10 	height: 28px;

    11 	resize: none;

    12 	padding: 0 4px 0 4px;

    13 	white-space: pre-wrap;

    14 	*white-space: pre;

    15 	color: @text;

    16 }

    17 

    18 .@{prefix}-textbox:focus, .@{prefix}-textbox.@{prefix}-focus {

    19 	border-color: @textbox-border-focus;

    20 	.box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px fadeout(@textbox-border-focus, 15%));

    21 }

    22 

    23 .@{prefix}-placeholder .@{prefix}-textbox {

    24 	color: @textbox-text-placeholder;

    25 }

    26 

    27 .@{prefix}-textbox.@{prefix}-multiline {

    28 	padding: 4px;

    29 }

    30 

    31 .@{prefix}-textbox.@{prefix}-disabled {

    32 	color: mix(@text, @textbox-bg, 40%);

    33 }

    34 

    35 // RTL

    36 

    37 .@{prefix}-rtl .@{prefix}-textbox {

    38 	text-align: right;

    39 	direction: rtl;

    40 }