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.53 kB
JavaScript
import e from"primevue/base/style";var n=e.extend({name:"steps",css:"\n@layer primevue {\n .p-steps {\n position: relative;\n }\n\n .p-steps .p-steps-list {\n padding: 0;\n margin: 0;\n list-style-type: none;\n display: flex;\n }\n\n .p-steps-item {\n position: relative;\n display: flex;\n justify-content: center;\n flex: 1 1 auto;\n overflow: hidden;\n }\n\n .p-steps-item .p-menuitem-link {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n overflow: hidden;\n text-decoration: none;\n cursor: pointer;\n }\n\n .p-steps.p-steps-readonly .p-steps-item {\n cursor: auto;\n }\n\n .p-steps-item.p-steps-current .p-menuitem-link {\n cursor: default;\n }\n\n .p-steps-title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n\n .p-steps-number {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .p-steps-title {\n display: block;\n }\n}\n",classes:{root:function(e){return["p-steps p-component",{"p-readonly":e.props.readonly}]},menu:"p-steps-list",menuitem:function(e){var n=e.instance,t=e.item,s=e.index;return["p-steps-item",{"p-highlight p-steps-current":n.isActive(s),"p-disabled":n.isItemDisabled(t,s)}]},action:"p-menuitem-link",step:"p-steps-number",label:"p-steps-title"}});export{n as default};