Vision Inline CSS Styling?

What inline CSS styling is supported in Vision for labels?
It doesn’t look like any of the responsive stuff works :frowning: I’ve never really paid much attention to this prior to Perspective, but I notice that you can use things like:
<p style="font-size:15px;font-style:italic;">
Using viewport units in font-size doesn’t seem to do anything though:
<p style="font-size:15vh;font-style:italic;">

Not entirely certain, but it may be that the components do not support relative sizing. Since, the components are not traditional HTML containers, and the HTML is used more as a way of styling the text inside of the component, I am not sure that the components are aware of the viewport.

However, did you try resizing the label to see if the font-size changes with the component height?

HTML 3.2, straight outta 1996 :slight_smile:

3 Likes

Haha, nice :slight_smile:

Wow, this brings me back… back when ‘fancy’ tessellated backgrounds were all the rage, and webpages were literally just boring text and maybe some inline images. And those embossed line separators :laughing:

Any idea if there is a line-height? I can’t seem to find anything; I’ve searched for ‘spacing’ and ‘height’ :thinking:

https://www.w3.org/TR/2018/SPSD-html32-20180315/