balm-ui
Version:
A modular and customizable UI library based on Material Design and Vue 3
1 lines • 784 B
CSS
.mdc-alert{align-items:center;border-radius:2px;display:flex;margin-bottom:16px;padding:8px 16px;transition:opacity .15s linear}.mdc-alert .mdc-alert__icon{margin-right:8px}.mdc-alert.mdc-alert--success{background-color:rgba(15,157,88,.12);border:1px solid rgba(15,157,88,.5)}.mdc-alert.mdc-alert--info{background-color:rgba(66,133,244,.12);border:1px solid rgba(66,133,244,.5)}.mdc-alert.mdc-alert--warning{background-color:rgba(244,180,0,.12);border:1px solid rgba(244,180,0,.5)}.mdc-alert.mdc-alert--error{background-color:rgba(219,68,55,.12);border:1px solid rgba(219,68,55,.5)}.mdc-alert.mdc-alert--closed{opacity:0}.mdc-alert__content{flex:1}.mdc-alert__close-button{color:rgba(0,0,0,.45);font-size:18px;transition:color .3s}.mdc-alert__close-button:hover{color:rgba(0,0,0,.75)}