primevue
Version:
PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc
2 lines (1 loc) • 1.32 kB
JavaScript
import e from"primevue/base/style";var n=e.extend({name:"message",css:"\n@layer primevue {\n .p-message-wrapper {\n display: flex;\n align-items: center;\n }\n\n .p-message-icon {\n flex-shrink: 0;\n }\n\n .p-message-close {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .p-message-close.p-link {\n margin-left: auto;\n overflow: hidden;\n position: relative;\n }\n\n .p-message-enter-from {\n opacity: 0;\n }\n\n .p-message-enter-active {\n transition: opacity 0.3s;\n }\n\n .p-message.p-message-leave-from {\n max-height: 1000px;\n }\n\n .p-message.p-message-leave-to {\n max-height: 0;\n opacity: 0;\n margin: 0;\n }\n\n .p-message-leave-active {\n overflow: hidden;\n transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n }\n\n .p-message-leave-active .p-message-close {\n display: none;\n }\n}\n",classes:{root:function(e){return"p-message p-component p-message-"+e.props.severity},wrapper:"p-message-wrapper",icon:"p-message-icon",text:"p-message-text",closeButton:"p-message-close p-link",closeIcon:"p-message-close-icon"}});export{n as default};