# CSS Variables Question

**URL:** <https://forums.creativeclouddeveloper.com/t/css-variables-question/3579>\
**Category:** UXP Plugin API\
**Created:** [September 1, 2021, 9:39pm UTC](https://forums.creativeclouddeveloper.com/t/css-variables-question/3579 "2021-09-01T21:39:15Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![IanBarber](https://avatars.discourse-cdn.com/v4/letter/i/94ad74/32.png) [@IanBarber](https://forums.creativeclouddeveloper.com/u/IanBarber)\
**Post date:** [September 1, 2021, 9:39pm UTC](https://forums.creativeclouddeveloper.com/t/css-variables-question/3579/1 "2021-09-01T21:39:15Z")

</div>

When styling elements in css such as …

```auto
.MyButton{
font-size:var(--uxp-host-font-size)
}

```

Is the font size set depending on what has been set in Photoshop Preferences under UI Font Size ?

 ![Screenshot 2021-09-01 at 22.34.01](https://us1.discourse-cdn.com/flex015/uploads/xdplugins/original/2X/8/808b6a416cbbfa5d2b6f02584a58a594b21a266e.jpeg)

---

<div class="post-metadata">

**Author:** ![kerrishotts](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/kerrishotts/32/8_2.png) [@kerrishotts](https://forums.creativeclouddeveloper.com/u/kerrishotts)\
**Post date:** [September 2, 2021, 10:15pm UTC](https://forums.creativeclouddeveloper.com/t/css-variables-question/3579/2 "2021-09-02T22:15:48Z")

</div>

`--uxp-host-font-size` is hard-coded to 13px; it doesn’t have any relationship to this dropdown.