| 提交 | 用户 | age | ||
| ff2b12 | 1 | @simple-prefix-cls: ~'@{namespace}-simple-menu'; |
| V | 2 | @prefix-cls: ~'@{namespace}-menu'; |
| 3 | ||
| 4 | .@{prefix-cls} { | |
| 5 | &-dark&-vertical .@{simple-prefix-cls}__parent { | |
| 6 | background-color: @sider-dark-bg-color; | |
| 7 | > .@{prefix-cls}-submenu-title { | |
| 8 | background-color: @sider-dark-bg-color; | |
| 9 | } | |
| 10 | } | |
| 11 | ||
| 12 | &-dark&-vertical .@{simple-prefix-cls}__children, | |
| 13 | &-dark&-popup .@{simple-prefix-cls}__children { | |
| 5b8eb4 | 14 | background-color: @sider-dark-lighten-bg-color; |
| ff2b12 | 15 | > .@{prefix-cls}-submenu-title { |
| 5b8eb4 | 16 | background-color: @sider-dark-lighten-bg-color; |
| ff2b12 | 17 | } |
| V | 18 | } |
| 19 | ||
| 20 | .collapse-title { | |
| 4d7001 | 21 | overflow: hidden; |
| ff2b12 | 22 | font-size: 12px; |
| 4d7001 | 23 | text-overflow: ellipsis; |
| V | 24 | white-space: nowrap; |
| ff2b12 | 25 | } |
| V | 26 | } |
| 27 | ||
| 28 | .@{simple-prefix-cls} { | |
| 025ee9 | 29 | &-sub-title { |
| 4d7001 | 30 | overflow: hidden; |
| V | 31 | text-overflow: ellipsis; |
| 32 | white-space: nowrap; | |
| 025ee9 | 33 | transition: all 0.3s; |
| V | 34 | } |
| 35 | ||
| ff2b12 | 36 | &-tag { |
| V | 37 | position: absolute; |
| c62546 | 38 | top: calc(50% - 8px); |
| ff2b12 | 39 | right: 30px; |
| V | 40 | display: inline-block; |
| 41 | padding: 2px 3px; | |
| 42 | margin-right: 4px; | |
| 43 | font-size: 10px; | |
| 44 | line-height: 14px; | |
| 45 | color: #fff; | |
| 46 | border-radius: 2px; | |
| 47 | ||
| 48 | &--collapse { | |
| 49 | top: 6px !important; | |
| 50 | right: 2px; | |
| 51 | } | |
| 52 | ||
| 53 | &--dot { | |
| b6cea4 | 54 | top: calc(50% - 2px); |
| ff2b12 | 55 | width: 6px; |
| V | 56 | height: 6px; |
| 57 | padding: 0; | |
| 58 | border-radius: 50%; | |
| 59 | } | |
| 60 | ||
| 61 | &--primary { | |
| 62 | background: @primary-color; | |
| 63 | } | |
| 64 | ||
| 65 | &--error { | |
| 66 | background: @error-color; | |
| 67 | } | |
| 68 | ||
| 69 | &--success { | |
| 70 | background: @success-color; | |
| 71 | } | |
| 72 | ||
| 73 | &--warn { | |
| 74 | background: @warning-color; | |
| 75 | } | |
| 76 | } | |
| 77 | } | |
