# Category image heights / General understanding of theme variables

**URL:** <https://meta.discourse.org/t/category-image-heights-general-understanding-of-theme-variables/138312>\
**Category:** Product Support\
**Created:** [January 11, 2020, 11:08am UTC](https://meta.discourse.org/t/category-image-heights-general-understanding-of-theme-variables/138312 "2020-01-11T11:08:40Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![helmi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/helmi/32/114772_2.png) [@helmi](https://meta.discourse.org/u/helmi)\
**Post date:** [January 11, 2020, 11:08am UTC](https://meta.discourse.org/t/category-image-heights-general-understanding-of-theme-variables/138312/1 "2020-01-11T11:08:40Z")

</div>

Hey all,

while playing with some theme modifications I noticed this piece of SCSS code

```
@supports (--custom: property) {
  .category-logo.aspect-image {
    --max-height: 150px;
    max-height: var(--max-height);
    max-width: 60%;
    height: auto;
    width: calc(var(--max-height) * var(--aspect-ratio));

  }
}

```

I wonder what a proper way is (if there’s anyI) to change the max-height var here.

---

_[View the full topic](https://meta.discourse.org/t/category-image-heights-general-understanding-of-theme-variables/138312)._