| | |
|---|
| | | height: 20px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | [data-title]:disabled { |
|---|
| | | position: relative; |
|---|
| | | &::after { |
|---|
| | | position: absolute; |
|---|
| | | z-index: 20; |
|---|
| | | top: -35px; |
|---|
| | | left: 50%; |
|---|
| | | pointer-events: none; |
|---|
| | | opacity: 0; |
|---|
| | | transform: translateX(-50%) translateY(-5px); |
|---|
| | | transition: opacity .3s, transform .3s; |
|---|
| | | padding: 8px; |
|---|
| | | background-color: #21242a; |
|---|
| | | border-radius: 4px; |
|---|
| | | box-shadow: 0 5px 15px rgba(#000, .2); |
|---|
| | | color: #fff; |
|---|
| | | font-size: 13px; |
|---|
| | | line-height: 16px; |
|---|
| | | white-space: nowrap; |
|---|
| | | content: attr(data-title); |
|---|
| | | } |
|---|
| | | &:hover { |
|---|
| | | &::after { |
|---|
| | | opacity: 1; |
|---|
| | | transform: translateX(-50%) translateY(0); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .mk-mob-view.userbind { |
|---|
