Changing background for individual elements

[phbao27uet]

Hello, I'm still trying to use your library. However, I'm having some difficulties figuring out how to change the background of each element. I can use the image below as an example.

[barvian]

Hi, this is unfortunately not possible right now and it would be a pretty substantial effort to get it working smoothly with the animations 🫤. Converting to a discussion for now so it can be voted on!

[rcoopr]

Maybe an aside to this, but I would be interested in applying styles to the integer/fractional parts separately. For example, having the numbers after a decimal point being a smaller font size for example.

As far as I understand, styles are siolated by virtue of the shadowRoot. So an option like innerClasses would never be useful, but perhaps we could pass some innerStyles vaguely like this?

const innerStyles = {
  integer: {
    'font-size': '1.2em'
  },
  fraction: {
    'font-size': '0.8em'
  }
}

I'd be happy to work on it but maybe there's a better API for that

[barvian]

Ah yeah, see #21 for more info on that 👍