affix.less 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. @import './mixin';
  2. @import (reference) '../../style/themes/index';
  3. @input-prefix-cls: ~'@{ant-prefix}-input';
  4. @input-affix-margin: 4px;
  5. .@{ant-prefix}-input {
  6. &-affix-wrapper {
  7. .input();
  8. display: inline-flex;
  9. &:not(&-disabled):hover {
  10. .hover();
  11. z-index: 1;
  12. .@{ant-prefix}-input-search-with-button & {
  13. z-index: 0;
  14. }
  15. }
  16. &-focused,
  17. &:focus {
  18. z-index: 1;
  19. }
  20. &-disabled {
  21. .@{ant-prefix}-input[disabled] {
  22. background: rgba(255, 255, 255, 0);
  23. }
  24. }
  25. > .@{ant-prefix}-input {
  26. font-size: inherit;
  27. border: none;
  28. outline: none;
  29. &:focus {
  30. box-shadow: none !important;
  31. }
  32. &:not(textarea) {
  33. padding: 0;
  34. }
  35. }
  36. &::before {
  37. display: inline-block;
  38. width: 0;
  39. visibility: hidden;
  40. content: '\a0';
  41. }
  42. }
  43. &-prefix,
  44. &-suffix {
  45. display: flex;
  46. flex: none;
  47. align-items: center;
  48. > *:not(:last-child) {
  49. margin-right: 8px;
  50. }
  51. }
  52. &-show-count-suffix {
  53. color: @text-color-secondary;
  54. }
  55. &-show-count-has-suffix {
  56. margin-right: 2px;
  57. }
  58. &-prefix {
  59. margin-right: @input-affix-margin;
  60. }
  61. &-suffix {
  62. margin-left: @input-affix-margin;
  63. }
  64. }