vue-amazing-ui/es/alert/Alert.css

An Amazing Vue3 UI Components Library, Using TypeScript.

.alert-motion-leave[data-v-922b8af5]{overflow:hidden;opacity:1;transition:max-height .3s cubic-bezier(.78,.14,.15,.86),opacity .3s cubic-bezier(.78,.14,.15,.86),padding .3s cubic-bezier(.78,.14,.15,.86)}.alert-motion-leave-active[data-v-922b8af5]{max-height:0!important;opacity:0!important;padding-block:0!important}.m-alert[data-v-922b8af5]{padding:8px 12px;color:#000000e0;font-size:14px;line-height:1.57142857;position:relative;display:flex;align-items:center;word-break:break-all;border-radius:8px}.m-alert .m-alert-icon[data-v-922b8af5]{display:inline-block;margin-right:8px;line-height:0}.m-alert .m-big-icon[data-v-922b8af5]{margin-right:12px;font-size:24px;line-height:0}.m-alert .icon-img[data-v-922b8af5]{display:inline-block;width:14px;height:14px}.m-alert .big-icon-img[data-v-922b8af5]{display:inline-block;width:24px;height:24px}.m-alert .icon-svg[data-v-922b8af5]{display:inline-block}.m-alert .m-alert-content[data-v-922b8af5]{flex:1;min-width:0}.m-alert .m-alert-actions[data-v-922b8af5]{margin-left:8px}.m-alert .m-alert-close[data-v-922b8af5]{margin-left:8px;font-size:12px;color:#00000073;line-height:12px;cursor:pointer;outline:none;transition:color .2s}.m-alert .m-alert-close[data-v-922b8af5]:hover{color:#000000e0}.m-alert .m-alert-close .alert-close[data-v-922b8af5]{display:inline-block;vertical-align:bottom;fill:#00000073;transition:fill .2s}.m-alert .m-alert-close .alert-close[data-v-922b8af5]:hover{fill:#000000e0}.alert-default[data-v-922b8af5]{background-color:#00000005;border:1px solid #d9d9d9}.alert-default .m-alert-icon[data-v-922b8af5],.alert-default .m-big-icon[data-v-922b8af5]{color:#000000e0}.alert-default .m-alert-icon .icon-svg[data-v-922b8af5],.alert-default .m-big-icon .icon-svg[data-v-922b8af5],.alert-default .m-alert-icon[data-v-922b8af5] svg,.alert-default .m-big-icon[data-v-922b8af5] svg{fill:currentColor}.alert-info[data-v-922b8af5]{background-color:var(--alert-primary-bg-color);border:1px solid var(--alert-primary-border-color)}.alert-info .m-alert-icon[data-v-922b8af5],.alert-info .m-big-icon[data-v-922b8af5]{color:var(--alert-primary-color)}.alert-info .m-alert-icon .icon-svg[data-v-922b8af5],.alert-info .m-big-icon .icon-svg[data-v-922b8af5],.alert-info .m-alert-icon[data-v-922b8af5] svg,.alert-info .m-big-icon[data-v-922b8af5] svg{fill:currentColor}.alert-success[data-v-922b8af5]{background-color:var(--alert-success-bg-color);border:1px solid var(--alert-success-border-color)}.alert-success .m-alert-icon[data-v-922b8af5],.alert-success .m-big-icon[data-v-922b8af5]{color:var(--alert-success-color)}.alert-success .m-alert-icon .icon-svg[data-v-922b8af5],.alert-success .m-big-icon .icon-svg[data-v-922b8af5],.alert-success .m-alert-icon[data-v-922b8af5] svg,.alert-success .m-big-icon[data-v-922b8af5] svg{fill:currentColor}.alert-warning[data-v-922b8af5]{background-color:var(--alert-warning-bg-color);border:1px solid var(--alert-warning-border-color)}.alert-warning .m-alert-icon[data-v-922b8af5],.alert-warning .m-big-icon[data-v-922b8af5]{color:var(--alert-warning-color)}.alert-warning .m-alert-icon .icon-svg[data-v-922b8af5],.alert-warning .m-big-icon .icon-svg[data-v-922b8af5],.alert-warning .m-alert-icon[data-v-922b8af5] svg,.alert-warning .m-big-icon[data-v-922b8af5] svg{fill:currentColor}.alert-error[data-v-922b8af5]{background-color:var(--alert-error-bg-color);border:1px solid var(--alert-error-border-color)}.alert-error .m-alert-icon[data-v-922b8af5],.alert-error .m-big-icon[data-v-922b8af5]{color:var(--alert-error-color)}.alert-error .m-alert-icon .icon-svg[data-v-922b8af5],.alert-error .m-big-icon .icon-svg[data-v-922b8af5],.alert-error .m-alert-icon[data-v-922b8af5] svg,.alert-error .m-big-icon[data-v-922b8af5] svg{fill:currentColor}.alert-borderless[data-v-922b8af5]{border:none}.alert-width-description[data-v-922b8af5]{align-items:flex-start;padding:20px 24px}.alert-width-description .alert-message[data-v-922b8af5]{display:block;margin-bottom:8px;color:#000000e0;font-size:16px}.alert-width-description .alert-description[data-v-922b8af5]{display:block}