Foundation reveal modal with max-width

// Hack for modal with max-width
// <div class="reveal-modal reveal-modal-alt">
//  <div class="reveal-modal-inner">
//  <!-- usual modal content -->
//  </div>
// </div>
$reveal-fixed-width: ($row-width + rem-calc(200)) !default;

.reveal-modal-alt {
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;

    .reveal-modal-inner {
        margin: 0 auto;
        position: relative;
        max-width: $reveal-fixed-width;

        @media #{$small-only} {
            min-height: 100vh;
        }

        @media #{$medium-up} {
            @include reveal-modal-style($padding:$reveal-modal-padding * 1.5);
        }

        @include reveal-modal-style(
            $bg: $reveal-modal-bg,
            $padding: $reveal-modal-padding,
            $border: true,
            $box-shadow: true,
            $radius: false
        );
    }
}