Implementing SASS and Global Variables


Hi there,

I’m looking for a way to use SASS and Global Variables with Unbounce. They have some documentation that mentions how to utilize global variables (, but their support team refuses to clarify the instructions “because it’s outside their scope of support”. So alas, I am here.

Basically, I’m looking to do something like the following in my stylesheets - even if I need to host my sheets elsewhere and link them in with a header injection such as <link rel="stylesheet" type="text/css" href="path/to/theme.css">

  @color1: blue;
  @color2: red;

  .container {
    color: @color1;
    background: @color2;

This is an oversimplification of my objective, but you get the point. I would be fine using @ variables or $ variables.