Importing font size based on screen resolution

Hi,

How can I import the font size $v-font-size: 11px; based on the screen resolution in my css file?

For example:

If UI.getCurrent().getPage().getBrowserWindowWidth() == 1366 then $v-font-size: 11px;
else $v-font-size: 12px;

Hello Amit,

I’m not sure if that’s possible on the server-side. I’d recommend using [media queries]
(https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries).