TextBox.less 870 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. // TextBox
  2. .@{prefix}-textbox {
  3. background: @textbox-bg;
  4. border: 1px solid @textbox-border;
  5. .border-radius(3px);
  6. .box-shadow(@textbox-box-shadow);
  7. display: inline-block;
  8. .transition(~"border linear .2s, box-shadow linear .2s");
  9. height: 28px;
  10. resize: none;
  11. padding: 0 4px 0 4px;
  12. white-space: pre-wrap;
  13. *white-space: pre;
  14. color: @text;
  15. }
  16. .@{prefix}-textbox:focus, .@{prefix}-textbox.@{prefix}-focus {
  17. border-color: @textbox-border-focus;
  18. .box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px fadeout(@textbox-border-focus, 15%));
  19. }
  20. .@{prefix}-placeholder .@{prefix}-textbox {
  21. color: @textbox-text-placeholder;
  22. }
  23. .@{prefix}-textbox.@{prefix}-multiline {
  24. padding: 4px;
  25. height: auto;
  26. }
  27. .@{prefix}-textbox.@{prefix}-disabled {
  28. color: mix(@text, @textbox-bg, 40%);
  29. }
  30. // RTL
  31. .@{prefix}-rtl .@{prefix}-textbox {
  32. text-align: right;
  33. direction: rtl;
  34. }