Implementing SASS and Global Variables


#1

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 (http://unbounce.github.io/sass_styleguide/#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.