UNPKG

@primeuix/styles

Version:
1 lines 2.81 kB
var style="\n .p-fieldset {\n background: dt('fieldset.background');\n border: 1px solid dt('fieldset.border.color');\n border-radius: dt('fieldset.border.radius');\n color: dt('fieldset.color');\n padding: dt('fieldset.padding');\n margin: 0;\n }\n\n .p-fieldset-legend {\n background: dt('fieldset.legend.background');\n border-radius: dt('fieldset.legend.border.radius');\n border-width: dt('fieldset.legend.border.width');\n border-style: solid;\n border-color: dt('fieldset.legend.border.color');\n padding: dt('fieldset.legend.padding');\n transition:\n background dt('fieldset.transition.duration'),\n color dt('fieldset.transition.duration'),\n outline-color dt('fieldset.transition.duration'),\n box-shadow dt('fieldset.transition.duration');\n }\n\n .p-fieldset-toggleable > .p-fieldset-legend {\n padding: 0;\n }\n\n .p-fieldset-toggle-button {\n cursor: pointer;\n user-select: none;\n overflow: hidden;\n position: relative;\n text-decoration: none;\n display: flex;\n gap: dt('fieldset.legend.gap');\n align-items: center;\n justify-content: center;\n padding: dt('fieldset.legend.padding');\n background: transparent;\n border: 0 none;\n border-radius: dt('fieldset.legend.border.radius');\n transition:\n background dt('fieldset.transition.duration'),\n color dt('fieldset.transition.duration'),\n outline-color dt('fieldset.transition.duration'),\n box-shadow dt('fieldset.transition.duration');\n outline-color: transparent;\n }\n\n .p-fieldset-legend-label {\n font-weight: dt('fieldset.legend.font.weight');\n }\n\n .p-fieldset-toggle-button:focus-visible {\n box-shadow: dt('fieldset.legend.focus.ring.shadow');\n outline: dt('fieldset.legend.focus.ring.width') dt('fieldset.legend.focus.ring.style') dt('fieldset.legend.focus.ring.color');\n outline-offset: dt('fieldset.legend.focus.ring.offset');\n }\n\n .p-fieldset-toggleable > .p-fieldset-legend:hover {\n color: dt('fieldset.legend.hover.color');\n background: dt('fieldset.legend.hover.background');\n }\n\n .p-fieldset-toggle-icon {\n color: dt('fieldset.toggle.icon.color');\n transition: color dt('fieldset.transition.duration');\n }\n\n .p-fieldset-toggleable > .p-fieldset-legend:hover .p-fieldset-toggle-icon {\n color: dt('fieldset.toggle.icon.hover.color');\n }\n\n .p-fieldset .p-fieldset-content {\n padding: dt('fieldset.content.padding');\n }\n";export{style};//# sourceMappingURL=index.mjs.map