{{#heading 2}}Sass Reference{{/heading}} {{#if sass.variable}}
{{#heading 3 'sass-variables'}}Variables{{/heading}}

The default styles of this component can be customized using these Sass variables in your project's settings file.

{{#each sass.variable}} {{/each}}
NameTypeDefault ValueDescription
${{this.context.name}} {{formatSassTypes this.type}} {{formatSassValue this.context.value}} {{md this.description}}
{{/if}} {{#if sass.mixin}} {{#if sass.variable}}
{{/if}}
{{#heading 3 'sass-mixins'}}Mixins{{/heading}}

We use these mixins to build the final CSS output of this component. You can use the mixins yourself to build your own class structure out of our components.

{{#each sass.mixin}}{{#filter this}}
{{#heading 4}}{{this.context.name}}{{/heading}} {{#if this.since}}

Added in {{this.since.0.version}}

{{/if}} {{#if this.deprecated}}

Deprecated in {{this.deprecated}}

{{/if}} 
{{writeSassMixin this}}
{{md this.description}} {{#if this.aliased}}

Aliases: {{#each this.aliased}}{{this}}(){{/each}}

{{/if}} {{writeSassLink this.link}} {{#if this.parameter}} {{#each this.parameter}} {{/each}}
ParameterTypeDefault ValueDescription
${{this.name}} {{formatSassTypes this.type}} {{formatSassValue this.default}} {{md this.description}}
{{/if}}
{{#unless @last}}
{{/unless}} {{#if sass.function}}
{{/if}} {{/filter}}{{/each}}
{{/if}} {{#if sass.function}}
{{#heading 3 'sass-functions'}}Functions{{/heading}} {{#each sass.function}}{{#filter this}}
{{#heading 4}}{{this.context.name}}{{/heading}} {{#if this.since}}

Added in {{this.since.0.version}}

{{/if}} {{#if this.deprecated}}

Deprecated in {{this.deprecated.version}}

{{/if}} 
{{writeSassFunction this}}
{{md this.description}} {{writeSassLink this.link}} {{#if this.parameter}} {{#each this.parameter}} {{/each}}
ParameterTypeDefault ValueDescription
${{this.name}} {{formatSassTypes this.type}} {{formatSassValue this.default}} {{md this.description}}
{{/if}}
{{#unless @last}}
{{/unless}} {{/filter}}{{/each}}
{{/if}}