@root-entry-name: 'default'; @import (reference) '~antd/es/style/themes/index.less'; @message-cls: ~'@{ant-prefix}-notifier-message'; :global { .@{message-cls}-container { width: 100%; padding: 10px 10px 10px 56px; padding-top: 8px; padding-right: 10px; padding-left: 57px; &:hover { .@{message-cls}-title { .@{message-cls}-confirm { visibility: visible; } } } .@{message-cls}-title { display: flex; justify-content: space-between; align-items: center; span { color: #000; font-weight: bold; letter-spacing: 0; text-shadow: none; } .@{message-cls}-confirm { width: 17px; height: 12px; visibility: hidden; } } .@{message-cls}-content { margin-top: 2px; p { i { margin-right: 10px; color: #000; color: #1ba6f9; font-size: 14px; font-style: normal; text-shadow: none; } margin-bottom: 3px; font-size: 12px; } } .@{message-cls}-time { font-size: 12px; opacity: 0.65; margin-bottom: 0; } } }