96 lines
2.3 KiB
SCSS
96 lines
2.3 KiB
SCSS
|
// 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 raidus 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%;
|
||
|
|
}
|