Add global Sass variables to easily toggle exposure of Foundation styles from Citadel

[mjschock]

What?

• Adds global sass $include-html-classes variable for easy exposure of Foundation styles from Citadel. Simply set $include-html-classes to true.

Screenshots (if appropriate)

• before scenario: i try to include some basic Foundation 5 styles such as grid and panel:

<div class="body">
    {{#block "hero"}} {{/block}}
    <div class="container">
        {{#block "page"}} {{/block}}
    </div>
    {{> components/common/modal}}

    <div class="row">
        <div class="small-2 columns">2 columns</div>
        <div class="small-10 columns">10 columns</div>
    </div>
    <div class="row">
        <div class="small-3 columns">3 columns</div>
        <div class="small-9 columns">9 columns</div>
    </div>

    <div class="panel callout radius">
        <h5>This is a callout panel.</h5>
        <p>It's a little ostentatious, but useful for important content.</p>
    </div>
</div>

and they don't show up:

-- i can't add screenshots right now --

• after setting $include-html-classes to true, they show up:

-- i can't add screenshots right now --

cc @bigcommerce/stencil-team

[davidchin]

Thanks for doing these changes! I'm happy with this solution 👍

[SrckyD]

It would have been nice that you guys have documented this somewhere (even after 5 years) instead of having devs search for this solution on the internet and wasting time...