UNPKG

@primeuix/styles

Version:
1 lines 2.24 kB
{"version":3,"sources":["../../src/rating/index.ts"],"sourcesContent":["import { css } from '@primeuix/styled';\n\nexport const style = css`\n .p-rating {\n position: relative;\n display: flex;\n align-items: center;\n gap: dt('rating.gap');\n }\n\n .p-rating-option {\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n outline-color: transparent;\n border-radius: 50%;\n transition:\n background dt('rating.transition.duration'),\n color dt('rating.transition.duration'),\n border-color dt('rating.transition.duration'),\n outline-color dt('rating.transition.duration'),\n box-shadow dt('rating.transition.duration');\n }\n\n .p-rating-option.p-focus-visible {\n box-shadow: dt('rating.focus.ring.shadow');\n outline: dt('rating.focus.ring.width') dt('rating.focus.ring.style') dt('rating.focus.ring.color');\n outline-offset: dt('rating.focus.ring.offset');\n }\n\n .p-rating-icon {\n color: dt('rating.icon.color');\n transition:\n background dt('rating.transition.duration'),\n color dt('rating.transition.duration'),\n border-color dt('rating.transition.duration'),\n outline-color dt('rating.transition.duration'),\n box-shadow dt('rating.transition.duration');\n font-size: dt('rating.icon.size');\n width: dt('rating.icon.size');\n height: dt('rating.icon.size');\n }\n\n .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-option:hover .p-rating-icon {\n color: dt('rating.icon.hover.color');\n }\n\n .p-rating-option-active .p-rating-icon {\n color: dt('rating.icon.active.color');\n }\n\n .p-rating-icon.p-invalid {\n /* @todo */\n stroke: dt('rating.invalid.icon.color');\n }\n`;\n"],"mappings":";AAAA,SAAS,WAAW;AAEb,IAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}