@primeuix/styles
Version:
82 lines (69 loc) • 2.19 kB
JavaScript
import{css}from"@primeuix/styled";var style=css`
.p-divider-horizontal {
display: flex;
width: 100%;
position: relative;
align-items: center;
margin: dt('divider.horizontal.margin');
padding: dt('divider.horizontal.padding');
}
.p-divider-horizontal:before {
position: absolute;
display: block;
inset-block-start: 50%;
inset-inline-start: 0;
width: 100%;
content: '';
border-block-start: 1px solid dt('divider.border.color');
}
.p-divider-horizontal .p-divider-content {
padding: dt('divider.horizontal.content.padding');
}
.p-divider-vertical {
min-height: 100%;
display: flex;
position: relative;
justify-content: center;
margin: dt('divider.vertical.margin');
padding: dt('divider.vertical.padding');
}
.p-divider-vertical:before {
position: absolute;
display: block;
inset-block-start: 0;
inset-inline-start: 50%;
height: 100%;
content: '';
border-inline-start: 1px solid dt('divider.border.color');
}
.p-divider.p-divider-vertical .p-divider-content {
padding: dt('divider.vertical.content.padding');
}
.p-divider-content {
z-index: 1;
background: dt('divider.content.background');
color: dt('divider.content.color');
}
.p-divider-solid.p-divider-horizontal:before {
border-block-start-style: solid;
}
.p-divider-solid.p-divider-vertical:before {
border-inline-start-style: solid;
}
.p-divider-dashed.p-divider-horizontal:before {
border-block-start-style: dashed;
}
.p-divider-dashed.p-divider-vertical:before {
border-inline-start-style: dashed;
}
.p-divider-dotted.p-divider-horizontal:before {
border-block-start-style: dotted;
}
.p-divider-dotted.p-divider-vertical:before {
border-inline-start-style: dotted;
}
.p-divider-left:dir(rtl),
.p-divider-right:dir(rtl) {
flex-direction: row-reverse;
}
`;export{style};//# sourceMappingURL=index.mjs.map