zurb-foundation-5/doc/includes/clearing/examples_clearing_variables.html

Foundation 5 for npm (no code modification from original repo)

{{#markdown}}
```scss
$include-html-clearing-classes: $include-html-classes;

// We use these to set the background colors for parts of Clearing.
$include-html-clearing-classes: $include-html-classes;

// We use these to set the background colors for parts of Clearing.
$clearing-bg: $oil;
$clearing-caption-bg: $clearing-bg;
$clearing-carousel-bg: rgba(51,51,51,0.8);
$clearing-img-bg: $clearing-bg;

// We use these to style the close button
$clearing-close-color: $iron;
$clearing-close-size: 30px;

// We use these to style the arrows
$clearing-arrow-size: 12px;
$clearing-arrow-color: $clearing-close-color;

// We use these to style captions
$clearing-caption-font-color: $iron;
$clearing-caption-font-size: 0.875em;
$clearing-caption-padding: 10px 30px 20px;

// We use these to make the image and carousel height and style
$clearing-active-img-height: 85%;
$clearing-carousel-height: 120px;
$clearing-carousel-thumb-width: 120px;
$clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255);
```
{{/markdown}}