# Variables not applying to other attached CSS

**URL:** <https://community.hubspot.com/t/variables-not-applying-to-other-attached-css/8813>\
**Category:** CMS Development\
**Created:** [May 10, 2018, 5:35pm UTC](https://community.hubspot.com/t/variables-not-applying-to-other-attached-css/8813 "2018-05-10T17:35:47Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![cwilbanks](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/cwilbanks/32/2490_2.png) [@cwilbanks](https://community.hubspot.com/u/cwilbanks)\
**Post date:** [May 10, 2018, 5:35pm UTC](https://community.hubspot.com/t/variables-not-applying-to-other-attached-css/8813/1 "2018-05-10T17:35:47Z")

</div>

I have some variables and macros defined in a base CSS file that is attached to a template. When I attach another CSS file to the template, say Modules.css, the variables do apply to the Module.css classes and ids. Does anyone have a clue why this isn’t working and what I need to do to fix it?

Thanks in advance!

---

<div class="post-metadata">

**Author:** ![Jsum](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jsum/32/20405_2.png) [@Jsum](https://community.hubspot.com/u/Jsum)\
**Post date:** [May 13, 2018, 3:31pm UTC](https://community.hubspot.com/t/variables-not-applying-to-other-attached-css/8813/2 "2018-05-13T15:31:22Z")

</div>

macros are server code, each page is processed individually by the server then sent to the user end. Your macros are probably being processed before the other stylesheet is recognized. Consider creating a separate macros sheet and importing it into the stylesheets that you will be calling the macros.

You will find examples of this in the HubL docs: [Accounts Dashboard | HubSpot](https://designers.hubspot.com/docs/hubl/hubl-variables-and-macros-syntax)