props.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. .props {
  2. .panel {
  3. padding: 16px;
  4. width: 268px;
  5. }
  6. .title {
  7. font-size: 12px;
  8. color: var(--color);
  9. }
  10. .form-item {
  11. display: flex;
  12. label {
  13. width: 80px;
  14. font-size: 12px;
  15. line-height: 30px;
  16. flex-shrink: 0;
  17. color: var(--color);
  18. }
  19. .t-input-number {
  20. width: 100px;
  21. line-height: 30px;
  22. height: 30px;
  23. .t-input__wrap {
  24. height: 100%;
  25. .t-input {
  26. height: 100%;
  27. background: none;
  28. border-color: transparent;
  29. color: var(--color-title);
  30. padding-right: 20px;
  31. &:hover,
  32. &.t-is-focused {
  33. border-color: var(--color-border-input);
  34. }
  35. }
  36. }
  37. .t-input-number__increase,
  38. .t-input-number__decrease {
  39. width: 20px;
  40. }
  41. }
  42. .t-input {
  43. border-color: transparent;
  44. &:hover,
  45. &.t-is-focused {
  46. border-color: var(--color-border-input);
  47. }
  48. }
  49. .t-icon {
  50. font-size: 16px;
  51. height: 30px;
  52. }
  53. }
  54. .t-collapse.t--border-less {
  55. .t-collapse-panel__header {
  56. font-size: 14px;
  57. font-weight: 400;
  58. border-top: 1px solid var(--color-border-input);
  59. color: var(--color-title);
  60. }
  61. .t-collapse-panel__wrapper .t-collapse-panel__content {
  62. padding: 8px 16px 16px 16px;
  63. }
  64. }
  65. .t-radio-group .t-radio {
  66. line-height: 2;
  67. }
  68. .t-radio__input {
  69. width: 12px;
  70. height: 12px;
  71. border-color: var(--color-desc);
  72. &::after {
  73. width: 6px;
  74. height: 6px;
  75. left: 2px;
  76. top: 2px;
  77. margin: 0;
  78. transform: none;
  79. }
  80. }
  81. .t-radio__label {
  82. font-size: 12px;
  83. color: var(--color-desc);
  84. }
  85. .t-checkbox__input {
  86. width: 14px;
  87. height: 14px;
  88. border-color: var(--color-desc);
  89. &::after {
  90. left: 2.5px !important;
  91. top: 5.5px !important;
  92. }
  93. }
  94. .t-button {
  95. height: 24px;
  96. border-color: var(--color-desc);
  97. &:hover {
  98. border-color: var(--color-primary);
  99. color: var(--color-primary);
  100. }
  101. }
  102. }