Replicating the streamlit css for integers

Using Streamlit
,
1

I am trying to replicate the streamlit css for integers. For complicated reasons, I need to use some inline html to print integers and I would like them to match the integers elsewhere on the page. The page source shows me that the relevant class is: st-emotion-cache-15fru4 emqqsk90. Can anyone help replicating that using css? (It’s just the normal styling for any integer displayed using st.write, so small green numbers.)
Thanks in advance,
B

2

This seems to work:

import streamlit as st

n = 1234567890
st.write(n)
body = f"""<code class="st-emotion-cache-15fru4">{n}</code>"""
st.html(body)

But the name of the class doesn’t make me feel very confident. And of course this doesn’t work as is in components. For that you would have to link the same stylesheets or dive into them to pick out the relevant parts.

3

Thank you, Goyo, for looking at this. Much appreciated.

I framed my request poorly: I was hoping to see what the actual styling is (font size, style, background, etc ) so that I could replicate it. As you say, the class could be changed by streamlit and then this would not work. The issue I have is that I cannot see how to ‘dive into them to pick out the relevant parts’, which is what I am trying to do. Any tips on that?
B

4

Looks like that class name doesn’t even come from the stylesheet (not the only one iI was able to find), as I was hoping. Nah, my HTML/CSS is just too basic.