123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119 |
- .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);
- }
- }
- }
|