@primeuix/styles
Version:
116 lines (100 loc) • 4.03 kB
JavaScript
import{css}from"@primeuix/styled";var style=css`
.p-togglebutton {
display: inline-flex;
cursor: pointer;
user-select: none;
overflow: hidden;
position: relative;
color: dt('togglebutton.color');
background: dt('togglebutton.background');
border: 1px solid dt('togglebutton.border.color');
padding: dt('togglebutton.padding');
font-size: 1rem;
font-family: inherit;
font-feature-settings: inherit;
transition:
background dt('togglebutton.transition.duration'),
color dt('togglebutton.transition.duration'),
border-color dt('togglebutton.transition.duration'),
outline-color dt('togglebutton.transition.duration'),
box-shadow dt('togglebutton.transition.duration');
border-radius: dt('togglebutton.border.radius');
outline-color: transparent;
font-weight: dt('togglebutton.font.weight');
}
.p-togglebutton-content {
display: inline-flex;
flex: 1 1 auto;
align-items: center;
justify-content: center;
gap: dt('togglebutton.gap');
padding: dt('togglebutton.content.padding');
background: transparent;
border-radius: dt('togglebutton.content.border.radius');
transition:
background dt('togglebutton.transition.duration'),
color dt('togglebutton.transition.duration'),
border-color dt('togglebutton.transition.duration'),
outline-color dt('togglebutton.transition.duration'),
box-shadow dt('togglebutton.transition.duration');
}
.p-togglebutton:not(:disabled):not(.p-togglebutton-checked):hover {
background: dt('togglebutton.hover.background');
color: dt('togglebutton.hover.color');
}
.p-togglebutton.p-togglebutton-checked {
background: dt('togglebutton.checked.background');
border-color: dt('togglebutton.checked.border.color');
color: dt('togglebutton.checked.color');
}
.p-togglebutton-checked .p-togglebutton-content {
background: dt('togglebutton.content.checked.background');
box-shadow: dt('togglebutton.content.checked.shadow');
}
.p-togglebutton:focus-visible {
box-shadow: dt('togglebutton.focus.ring.shadow');
outline: dt('togglebutton.focus.ring.width') dt('togglebutton.focus.ring.style') dt('togglebutton.focus.ring.color');
outline-offset: dt('togglebutton.focus.ring.offset');
}
.p-togglebutton.p-invalid {
border-color: dt('togglebutton.invalid.border.color');
}
.p-togglebutton:disabled {
opacity: 1;
cursor: default;
background: dt('togglebutton.disabled.background');
border-color: dt('togglebutton.disabled.border.color');
color: dt('togglebutton.disabled.color');
}
.p-togglebutton-label,
.p-togglebutton-icon {
position: relative;
transition: none;
}
.p-togglebutton-icon {
color: dt('togglebutton.icon.color');
}
.p-togglebutton:not(:disabled):not(.p-togglebutton-checked):hover .p-togglebutton-icon {
color: dt('togglebutton.icon.hover.color');
}
.p-togglebutton.p-togglebutton-checked .p-togglebutton-icon {
color: dt('togglebutton.icon.checked.color');
}
.p-togglebutton:disabled .p-togglebutton-icon {
color: dt('togglebutton.icon.disabled.color');
}
.p-togglebutton-sm {
padding: dt('togglebutton.sm.padding');
font-size: dt('togglebutton.sm.font.size');
}
.p-togglebutton-sm .p-togglebutton-content {
padding: dt('togglebutton.content.sm.padding');
}
.p-togglebutton-lg {
padding: dt('togglebutton.lg.padding');
font-size: dt('togglebutton.lg.font.size');
}
.p-togglebutton-lg .p-togglebutton-content {
padding: dt('togglebutton.content.lg.padding');
}
`;export{style};//# sourceMappingURL=index.mjs.map