UNPKG

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) 2.5 kB
this.primevue=this.primevue||{},this.primevue.divider=this.primevue.divider||{},this.primevue.divider.style=function(e){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return i(primevue.base.style).default.extend({name:"divider",css:"\n@layer primevue {\n .p-divider-horizontal {\n display: flex;\n width: 100%;\n position: relative;\n align-items: center;\n }\n\n .p-divider-horizontal:before {\n position: absolute;\n display: block;\n top: 50%;\n left: 0;\n width: 100%;\n content: '';\n }\n\n .p-divider-content {\n z-index: 1;\n }\n\n .p-divider-vertical {\n min-height: 100%;\n margin: 0 1rem;\n display: flex;\n position: relative;\n justify-content: center;\n }\n\n .p-divider-vertical:before {\n position: absolute;\n display: block;\n top: 0;\n left: 50%;\n height: 100%;\n content: '';\n }\n\n .p-divider-solid.p-divider-horizontal:before {\n border-top-style: solid;\n }\n\n .p-divider-solid.p-divider-vertical:before {\n border-left-style: solid;\n }\n\n .p-divider-dashed.p-divider-horizontal:before {\n border-top-style: dashed;\n }\n\n .p-divider-dashed.p-divider-vertical:before {\n border-left-style: dashed;\n }\n\n .p-divider-dotted.p-divider-horizontal:before {\n border-top-style: dotted;\n }\n\n .p-divider-dotted.p-divider-vertical:before {\n border-left-style: dotted;\n }\n}\n",classes:{root:function(e){var i=e.props;return["p-divider p-component","p-divider-"+i.layout,"p-divider-"+i.type,{"p-divider-left":"horizontal"===i.layout&&(!i.align||"left"===i.align)},{"p-divider-center":"horizontal"===i.layout&&"center"===i.align},{"p-divider-right":"horizontal"===i.layout&&"right"===i.align},{"p-divider-top":"vertical"===i.layout&&"top"===i.align},{"p-divider-center":"vertical"===i.layout&&(!i.align||"center"===i.align)},{"p-divider-bottom":"vertical"===i.layout&&"bottom"===i.align}]},content:"p-divider-content"},inlineStyles:{root:function(e){var i=e.props;return{justifyContent:"horizontal"===i.layout?"center"===i.align||null===i.align?"center":"left"===i.align?"flex-start":"right"===i.align?"flex-end":null:null,alignItems:"vertical"===i.layout?"center"===i.align||null===i.align?"center":"top"===i.align?"flex-start":"bottom"===i.align?"flex-end":null:null}}}})}();