vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 00:42:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Updated tokens of Knob

Browse source
This commit is contained in:
Cagatay Civici 2024-05-25 11:24:38 +03:00
parent 8b46ae3bd0
commit 9ce80e1a3f
4 changed files with 42 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

10
components/lib/knob/style/KnobStyle.js
View file

@ -18,13 +18,15 @@ const theme = ({ dt }) => `
}
.p-knob svg {
border-radius: ${dt('border.radius.md')};
border-radius: 50%;
outline-color: transparent;
transition: outline-color ${dt('knob.transition.duration')};
transition: background ${dt('knob.transition.duration')}, color ${dt('knob.transition.duration')}, outline-color ${dt('knob.transition.duration')}, box-shadow ${dt('knob.transition.duration')};
}
.p-knob svg:focus-visible {
outline: ${dt('focus.ring.width')} ${dt('focus.ring.style')} ${dt('focus.ring.color')};
outline-offset: ${dt('focus.ring.offset')};
box-shadow: ${dt('knob.focus.ring.shadow')};
outline: ${dt('knob.focus.ring.width')} ${dt('knob.focus.ring.style')} ${dt('knob.focus.ring.color')};
outline-offset: ${dt('knob.focus.ring.offset')};
}
@keyframes p-knob-dash-frame {