.props { .panel { padding: 16px; width: 268px; } .title { font-size: 12px; color: var(--color); } .form-item { display: flex; label { width: 80px; font-size: 12px; line-height: 30px; flex-shrink: 0; color: var(--color); } .t-input-number { width: 100px; line-height: 30px; height: 30px; .t-input__wrap { height: 100%; .t-input { height: 100%; background: none; border-color: transparent; color: var(--color-title); padding-right: 20px; &:hover, &.t-is-focused { border-color: var(--color-border-input); } } } .t-input-number__increase, .t-input-number__decrease { width: 20px; } } .t-input { border-color: transparent; &:hover, &.t-is-focused { border-color: var(--color-border-input); } } .t-icon { font-size: 16px; height: 30px; } } .t-collapse.t--border-less { .t-collapse-panel__header { font-size: 14px; font-weight: 400; border-top: 1px solid var(--color-border-input); color: var(--color-title); } .t-collapse-panel__wrapper .t-collapse-panel__content { padding: 8px 16px 16px 16px; } } .t-radio-group .t-radio { line-height: 2; } .t-radio__input { width: 12px; height: 12px; border-color: var(--color-desc); &::after { width: 6px; height: 6px; left: 2px; top: 2px; margin: 0; transform: none; } } .t-radio__label { font-size: 12px; color: var(--color-desc); } .t-checkbox__input { width: 14px; height: 14px; border-color: var(--color-desc); &::after { left: 2.5px !important; top: 5.5px !important; } } .t-button { height: 24px; border-color: var(--color-desc); &:hover { border-color: var(--color-primary); color: var(--color-primary); } } }