| | |
| | | background-size: cover; |
| | | position: relative; |
| | | min-height: 50px; |
| | | --mk-active-color: #1890ff; |
| | | |
| | | .mk-normal-form-title { |
| | | display: flex; |
| | |
| | | font-weight: inherit; |
| | | .form-sort { |
| | | background: #d8d8d8; |
| | | display: block; |
| | | display: inline-block; |
| | | width: 20px; |
| | | height: 20px; |
| | | line-height: 20px; |
| | |
| | | top: 18px; |
| | | } |
| | | .form-title:not(.active) { |
| | | .form-sort { |
| | | background: #d8d8d8!important; |
| | | .form-sort, .before-line, .after-line { |
| | | background: #d8d8d8; |
| | | } |
| | | .before-line, .after-line { |
| | | background: #d8d8d8!important; |
| | | } |
| | | .form-title.active { |
| | | .form-sort, .before-line, .after-line { |
| | | background: var(--mk-active-color); |
| | | } |
| | | } |
| | | } |
| | | .mk-normal-form-title.jumpable { |
| | | .form-title.active { |
| | | .form-label, .form-sort { |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | } |
| | |
| | | .submit { |
| | | min-width: 70px; |
| | | border: none; |
| | | border-style: solid; |
| | | } |
| | | .skip { |
| | | color: rgba(0, 0, 0, 0.85); |
| | |
| | | padding: 0; |
| | | height: 0; |
| | | } |
| | | .mk-form-action.has-skip { |
| | | padding-right: 50px; |
| | | } |
| | | |
| | | .loading-mask { |
| | | position: absolute; |