zurb-foundation-5/doc/includes/reveal/examples_reveal_variables.html

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

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

// We use these to control the style of the reveal overlay.
$reveal-overlay-bg: rgba($black, .45);
$reveal-overlay-bg-old: $black;

// We use these to control the style of the modal itself.
$reveal-modal-bg: $white;
$reveal-position-top: rem-calc(100);
$reveal-default-width: 80%;
$reveal-max-width: $row-width;
$reveal-modal-padding: rem-calc(20);
$reveal-box-shadow: 0 0 10px rgba($black,.4);

// We use these to style the reveal close button
$reveal-close-font-size: rem-calc(40);
$reveal-close-top: rem-calc(8);
$reveal-close-side: rem-calc(11);
$reveal-close-color: $base;
$reveal-close-weight: $font-weight-bold;

// We use this to set the default radius used throughout the core.
$reveal-radius: $global-radius;
$reveal-round: $global-rounded;

// We use these to control the modal border
$reveal-border-style: solid;
$reveal-border-width: 1px;
$reveal-border-color: $steel;

$reveal-modal-class: "reveal-modal";
$close-reveal-modal-class: "close-reveal-modal";
```
{{/markdown}}