// Foundation for Emails by ZURB // foundation.zurb.com // Licensed under MIT Open Source
//// /// @group global ////
/// Primary color for interactive components like links and buttons. /// @type Color $primary-color: #2199e8 !default;
/// Secondary color, used with components that support the `.secondary` class. /// @type Color $secondary-color: #777777 !default;
/// Color to indicate a positive status or action, used with the `.success` class. /// @type Color $success-color: #3adb76 !default;
/// Color to indicate a caution status or action, used with the `.warning` class. /// @type Color $warning-color: ffae00 !default;
/// Color to indicate a negative status or action, used with the `.alert` class. /// @type Color $alert-color: ec5840 !default;
/// Color used for light gray UI items within Foundation. /// @type Color $light-gray: f3f3f3 !default;
/// Color used for medium gray UI items within Foundation. /// @type Color $medium-gray: cacaca !default;
/// Color used for dark gray UI items within Foundation. /// @type Color $dark-gray: #8a8a8a !default;
/// Color used for black ui items within Foundation /// @type Color $black: #0a0a0a !default;
/// Color used for white ui items within Foundation /// @type Color $white: fefefe !default;
/// Color used code. /// @type Color $pre-color: ff6908 !default;
/// Width of the container. /// @type Number $global-width: 580px !default;
/// Width of the container on small screens. /// @type Length $global-width-small: 95% !default;
/// Gutter for grid elements. /// @type length $global-gutter: 16px !default;
/// Body background color. /// @type Length $body-background: $light-gray !default;
/// Color for the container background /// @type Color $container-background: $white !default;
/// Global padding. /// @type Number $global-padding: 16px !default;
/// Global margin. Margin requires a capital 'M' to workin Outlook.com /// @type Number $global-margin: 16px !default;
/// Global radius of radius-corners. /// @type Number $global-radius: 3px !default;
/// Global rounded radius of rounded-corners. /// @type Number $global-rounded: 500px !default;
/// Global media query to switch from desktop to mobile styles. /// @type String $global-breakpoint: $global-width + $global-gutter !default;
.wrapper {
width: 100%;
}