1234567891011121314151617181920212223242526272829303132333435363738394041 |
- // 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;
- }
|