index.less 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. @import "../styles/mixins/index.less";
  2. @import "../styles/themes/index.less";
  3. .@{wux-prefix}-field {
  4. &__child {
  5. display: flex;
  6. &--position-right {
  7. justify-content: flex-end;
  8. }
  9. &--position-normal {
  10. justify-content: normal;
  11. }
  12. }
  13. &__label {
  14. position: relative;
  15. margin-left: 0;
  16. margin-bottom: 0;
  17. margin-right: @margin-component-base;
  18. text-align: left;
  19. white-space: nowrap;
  20. // overflow: hidden;
  21. width: 105px;
  22. &--wrap {
  23. white-space: normal;
  24. }
  25. }
  26. &__label-help {
  27. margin-left: @margin-component-base;
  28. cursor: pointer;
  29. }
  30. &__feedback-message {
  31. color: @assertive;
  32. margin-top: @margin-component-base;
  33. }
  34. &__required-asterisk {
  35. display: inline-block;
  36. position: absolute;
  37. left: -0.6em;
  38. top: 0;
  39. font-family: SimSun, sans-serif;
  40. color: @assertive;
  41. }
  42. &__required-text {
  43. display: inline-block;
  44. margin-left: @margin-component-base;
  45. color: @text-color-secondary;
  46. }
  47. // &__extra {
  48. // padding-left: @margin-component-lg;
  49. // }
  50. &__arrow {
  51. display: flex;
  52. }
  53. }
  54. .vertical .@{wux-prefix}-field {
  55. &__label {
  56. margin-right: 0;
  57. margin-bottom: @margin-component-base;
  58. &--wrap {
  59. white-space: normal;
  60. width: auto;
  61. }
  62. }
  63. }
  64. .hidden {
  65. display: none !important;
  66. }
  67. .disabled,
  68. .readOnly {
  69. cursor: not-allowed !important;
  70. pointer-events: none !important;
  71. }