@primeuix/styles
Version:
122 lines (105 loc) • 4.87 kB
JavaScript
import{css}from"@primeuix/styled";var style=css`
.p-organizationchart-table {
border-spacing: 0;
border-collapse: separate;
margin: 0 auto;
}
.p-organizationchart-table > tbody > tr > td {
text-align: center;
vertical-align: top;
padding: 0 dt('organizationchart.gutter');
}
.p-organizationchart-node {
display: inline-block;
position: relative;
border: 1px solid dt('organizationchart.node.border.color');
background: dt('organizationchart.node.background');
color: dt('organizationchart.node.color');
padding: dt('organizationchart.node.padding');
border-radius: dt('organizationchart.node.border.radius');
transition:
background dt('organizationchart.transition.duration'),
border-color dt('organizationchart.transition.duration'),
color dt('organizationchart.transition.duration'),
box-shadow dt('organizationchart.transition.duration');
}
.p-organizationchart-node:has(.p-organizationchart-node-toggle-button) {
padding: dt('organizationchart.node.toggleable.padding');
}
.p-organizationchart-node.p-organizationchart-node-selectable:not(.p-organizationchart-node-selected):hover {
background: dt('organizationchart.node.hover.background');
color: dt('organizationchart.node.hover.color');
}
.p-organizationchart-node-selected {
background: dt('organizationchart.node.selected.background');
color: dt('organizationchart.node.selected.color');
}
.p-organizationchart-node-toggle-button {
position: absolute;
inset-block-end: calc(-1 * calc(dt('organizationchart.node.toggle.button.size') / 2));
margin-inline-start: calc(-1 * calc(dt('organizationchart.node.toggle.button.size') / 2));
z-index: 2;
inset-inline-start: 50%;
user-select: none;
cursor: pointer;
width: dt('organizationchart.node.toggle.button.size');
height: dt('organizationchart.node.toggle.button.size');
text-decoration: none;
background: dt('organizationchart.node.toggle.button.background');
color: dt('organizationchart.node.toggle.button.color');
border-radius: dt('organizationchart.node.toggle.button.border.radius');
border: 1px solid dt('organizationchart.node.toggle.button.border.color');
display: inline-flex;
justify-content: center;
align-items: center;
outline-color: transparent;
transition:
background dt('organizationchart.transition.duration'),
color dt('organizationchart.transition.duration'),
border-color dt('organizationchart.transition.duration'),
outline-color dt('organizationchart.transition.duration'),
box-shadow dt('organizationchart.transition.duration');
}
.p-organizationchart-node-toggle-button:hover {
background: dt('organizationchart.node.toggle.button.hover.background');
color: dt('organizationchart.node.toggle.button.hover.color');
}
.p-organizationchart-node-toggle-button:focus-visible {
box-shadow: dt('breadcrumb.item.focus.ring.shadow');
outline: dt('breadcrumb.item.focus.ring.width') dt('breadcrumb.item.focus.ring.style') dt('breadcrumb.item.focus.ring.color');
outline-offset: dt('breadcrumb.item.focus.ring.offset');
}
.p-organizationchart-node-toggle-button-icon {
position: relative;
inset-block-start: 1px;
}
.p-organizationchart-connector-down {
margin: 0 auto;
height: dt('organizationchart.connector.height');
width: 1px;
background: dt('organizationchart.connector.color');
}
.p-organizationchart-connector-right {
border-radius: 0;
}
.p-organizationchart-connector-left {
border-radius: 0;
border-inline-end: 1px solid dt('organizationchart.connector.color');
}
.p-organizationchart-connector-top {
border-block-start: 1px solid dt('organizationchart.connector.color');
}
.p-organizationchart-node-selectable {
cursor: pointer;
}
.p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-left) {
border-inline-end: 0 none;
}
.p-organizationchart-connectors :nth-last-child(1 of .p-organizationchart-connector-left) {
border-start-end-radius: dt('organizationchart.connector.border.radius');
}
.p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-right) {
border-inline-start: 1px solid dt('organizationchart.connector.color');
border-start-start-radius: dt('organizationchart.connector.border.radius');
}
`;export{style};//# sourceMappingURL=index.mjs.map