# Theme with variable width inside settings

**URL:** <https://meta.discourse.org/t/theme-with-variable-width-inside-settings/192790>\
**Category:** UX\
**Created:** [June 5, 2021, 8:00pm UTC](https://meta.discourse.org/t/theme-with-variable-width-inside-settings/192790 "2021-06-05T20:00:49Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![daemon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/daemon/32/256632_2.png) [@daemon](https://meta.discourse.org/u/daemon)\
**Post date:** [June 5, 2021, 8:00pm UTC](https://meta.discourse.org/t/theme-with-variable-width-inside-settings/192790/1 "2021-06-05T20:00:49Z")

</div>

Hallo!

I’ve made a theme (css only) with a variable width.  
Now I think about to share it, but not every one wants the variable width. So my consideration was to use variables to set the width inside the theme settings.  
I know I need a `settings.yaml`with e.g. this code:

```plaintext
composer width:
  default: 1110
  type: integer
  description: "Set the width of the composer"

header width:
  default: 1110
  type: integer
  description: "Set the width of the header"
 

```

Now I’m not a specialist with CSS so I don’t know how to use these variables inside of SCSS.  
Do I need a function for these settings?  
Can someone give me an example on how to set the value for the header for example?

Thank you!

---

_[View the full topic](https://meta.discourse.org/t/theme-with-variable-width-inside-settings/192790)._