vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Material rating

pull/6494/head
Cagatay Civici 2024-09-29 00:17:29 +03:00
parent a6a1085301
commit 08f265d013
1 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
packages/themes/src/presets/material/rating/index.js
View File

@ -1,12 +1,28 @@
export default {
root: {
gap: '0.25rem',
gap: '0.5rem',
transitionDuration: '{transition.duration}'
},
icon: {
size: '1rem',
size: '1.125rem',
color: '{text.muted.color}',
hoverColor: '{primary.color}',
activeColor: '{primary.color}'
}
},
style: ({ dt }) => `
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-option:hover {
background: color-mix(in srgb, ${dt('rating.icon.color')}, transparent 96%);
box-shadow: 0 0 1px 8px color-mix(in srgb, ${dt('rating.icon.color')}, transparent 96%);
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-option-active:hover {
background: color-mix(in srgb, ${dt('rating.icon.active.color')}, transparent 92%);
box-shadow: 0 0 1px 8px color-mix(in srgb, ${dt('rating.icon.active.color')}, transparent 92%);
}
.p-rating-option.p-focus-visible {
background: color-mix(in srgb, ${dt('rating.icon.active.color')}, transparent 84%);
box-shadow: 0 0 1px 8px color-mix(in srgb, ${dt('rating.icon.active.color')}, transparent 84%);
}
`
};