@primeuix/styles
Version:
54 lines (48 loc) • 1.82 kB
JavaScript
import{css}from"@primeuix/styled";var style=css`
.p-rating {
position: relative;
display: flex;
align-items: center;
gap: dt('rating.gap');
}
.p-rating-option {
display: inline-flex;
align-items: center;
cursor: pointer;
outline-color: transparent;
border-radius: 50%;
transition:
background dt('rating.transition.duration'),
color dt('rating.transition.duration'),
border-color dt('rating.transition.duration'),
outline-color dt('rating.transition.duration'),
box-shadow dt('rating.transition.duration');
}
.p-rating-option.p-focus-visible {
box-shadow: dt('rating.focus.ring.shadow');
outline: dt('rating.focus.ring.width') dt('rating.focus.ring.style') dt('rating.focus.ring.color');
outline-offset: dt('rating.focus.ring.offset');
}
.p-rating-icon {
color: dt('rating.icon.color');
transition:
background dt('rating.transition.duration'),
color dt('rating.transition.duration'),
border-color dt('rating.transition.duration'),
outline-color dt('rating.transition.duration'),
box-shadow dt('rating.transition.duration');
font-size: dt('rating.icon.size');
width: dt('rating.icon.size');
height: dt('rating.icon.size');
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-option:hover .p-rating-icon {
color: dt('rating.icon.hover.color');
}
.p-rating-option-active .p-rating-icon {
color: dt('rating.icon.active.color');
}
.p-rating-icon.p-invalid {
/* @todo */
stroke: dt('rating.invalid.icon.color');
}
`;export{style};//# sourceMappingURL=index.mjs.map