adui
Version:
<div> <img src="https://wxa.wxs.qq.com/mpweb/delivery/legacy/wxadtouch/upload/t1/od834zef_52939fc6.png" style="margin:40px 0 0 -8px; background-color: #fcfcfc; box-shadow: none;" /> </div>
2 lines (1 loc) • 2.92 kB
CSS
.adui-alert-base{position:relative;padding-left:12px;padding-right:12px;transition:all var(--adui-motion-duration-base) var(--adui-motion-ease-base) 50ms,opacity calc(var(--adui-motion-duration-base) - 100ms) var(--adui-motion-ease-base)}.adui-alert-base::before,.adui-alert-base::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;overflow:hidden}.adui-alert-base::before{background-color:currentColor;opacity:.05}.adui-alert-base::after{box-shadow:0 0 0 1px currentColor;opacity:.15}.adui-alert-inner{position:relative;z-index:1;display:flex}.adui-alert-icon{flex:none;margin-right:8px;fill:currentColor}.adui-alert-text{flex:1;padding-top:8px;padding-bottom:8px;color:var(--gray-900)}.adui-alert-title{font-weight:600;color:currentColor}.adui-alert-close{flex:none;margin-left:12px;transition:all var(--adui-motion-duration-base) var(--adui-motion-ease-base)}.adui-alert-closeIcon{fill:currentColor;transition:inherit;opacity:.4;cursor:pointer}.adui-alert-closeIcon:hover{opacity:.65;fill:currentColor}.adui-alert-closeIcon:active{opacity:.9;fill:currentColor}.adui-alert-closeText{cursor:pointer;opacity:.5;transition:inherit}.adui-alert-closeText:hover{opacity:.7}.adui-alert-closeText:active{opacity:.9}.adui-alert-expand{padding-top:8px;color:var(--gray-800);cursor:pointer;transition:all var(--adui-motion-duration-base) var(--adui-motion-ease-base)}.adui-alert-expand:hover{color:var(--gray-900)}.adui-alert-light{padding-left:0;padding-right:0}.adui-alert-light::before{opacity:0}.adui-alert-light::after{opacity:0}.adui-alert-normal{color:var(--gray-800)}.adui-alert-primary{color:var(--primary-color)}.adui-alert-success{color:var(--ad-green)}.adui-alert-info{color:var(--ad-blue)}.adui-alert-warning{color:var(--ad-orange)}.adui-alert-danger{color:var(--ad-red)}.adui-alert-medium .adui-alert-icon{margin-top:10px}.adui-alert-medium .adui-alert-close{margin-top:11px}.adui-alert-medium .adui-alert-close_text{margin-top:8px}.adui-alert-medium .adui-alert-title{margin-bottom:8px}.adui-alert-medium .adui-alert-text,.adui-alert-medium .adui-alert-close,.adui-alert-medium .adui-alert-expand{font-size:var(--font-size-medium);line-height:24px}.adui-alert-small .adui-alert-icon{margin-top:8px}.adui-alert-small .adui-alert-close{margin-top:9px}.adui-alert-small .adui-alert-close_text{margin-top:8px}.adui-alert-small .adui-alert-title{margin-bottom:8px}.adui-alert-small .adui-alert-text,.adui-alert-small .adui-alert-close,.adui-alert-small .adui-alert-expand{font-size:var(--font-size-small);line-height:20px}.adui-alert-mini .adui-alert-icon{margin-top:8px}.adui-alert-mini .adui-alert-close{margin-top:9px}.adui-alert-mini .adui-alert-close_text{margin-top:8px}.adui-alert-mini .adui-alert-title{margin-bottom:4px}.adui-alert-mini .adui-alert-text,.adui-alert-mini .adui-alert-close,.adui-alert-mini .adui-alert-expand{font-size:var(--font-size-mini);line-height:18px}