primevue-mirror/apps/labs/assets/styles/primevue/rating.css

23 lines
541 B
CSS

.p-rating {
@apply relative flex items-center gap-1
}
.p-rating-option {
@apply inline-flex items-center cursor-pointer rounded-full
}
.p-rating-option.p-focus-visible {
@apply outline outline-1 outline-offset-2 outline-primary
}
.p-rating-icon {
@apply text-surface-500 dark:text-surface-400 text-base w-4 h-4 transition-colors duration-200
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-option:hover .p-rating-icon {
@apply text-primary
}
.p-rating-option-active .p-rating-icon {
@apply text-primary
}