TypoScript¶
Page View Settings¶
All page view settings need to be prefixed with plugin.mail.view.page
.
Properties
templatesRootPath¶
- templatesRootPath¶
- Type
string
- Default
EXT:mail/Resources/Private/Templates/Mail/
- Path
plugin.mail.view.page
Path to template root for mail pages (FE)
partialsRootPath¶
- partialsRootPath¶
- Type
string
- Default
EXT:mail/Resources/Private/Partials/
- Path
plugin.mail.view.page
Path to partials root for mail pages (FE)
layoutsRootPath¶
- layoutsRootPath¶
- Type
string
- Default
EXT:mail/Resources/Private/Layouts/
- Path
plugin.mail.view.page
Path to layouts root for mail pages (FE)
Content View Settings¶
All content view settings need to be prefixed with plugin.mail.view.content
.
Properties
templatesRootPath¶
- templatesRootPath¶
- Type
string
- Default
EXT:mail/Resources/Private/Templates/ContentElements/
- Path
plugin.mail.view.content
Path to template root for mail contents (FE)
partialsRootPath¶
- partialsRootPath¶
- Type
string
- Default
EXT:mail/Resources/Private/Partials/
- Path
plugin.mail.view.content
Path to partials root for mail contents (FE)
layoutsRootPath¶
- layoutsRootPath¶
- Type
string
- Default
EXT:mail/Resources/Private/Layouts/
- Path
plugin.mail.view.content
Path to layouts root for mail contents (FE)
Header Settings¶
All header settings need to be prefixed with plugin.mail.settings.header
.
Properties
title¶
- title¶
- Type
string
- Default
Newsletter
- Path
plugin.mail.settings.header
Title of the mail header
image.src¶
- src¶
- Type
string
- Default
EXT:mail/Resources/Public/Images/Logo.png
- Path
plugin.mail.settings.image
Logo source
image.width¶
- width¶
- Type
string
- Default
300
- Path
plugin.mail.settings.image
Logo width
image.height¶
- height¶
- Type
string
- Default
- Path
plugin.mail.settings.image
Logo height
SCSS Settings¶
All scss settings need to be prefixed with plugin.mail.settings.scss
.
Properties
modifications¶
- modifications¶
- Type
string
- Default
EXT:mail/Resources/Public/Scss/mail.scss
- Path
plugin.mail.settings.scss
Scss file to modify the default scss of foundation mail
primary-color¶
- primary-color¶
- Type
color
- Default
#037eab
- Path
plugin.mail.settings.scss
Primary color, used with components that support the
.primary
class
secondary-color¶
- secondary-color¶
- Type
color
- Default
#777777
- Path
plugin.mail.settings.scss
Secondary color, used with components that support the
.secondary
class
success-color¶
- success-color¶
- Type
color
- Default
#3adb76
- Path
plugin.mail.settings.scss
Color to indicate a positive status or action, used with the
.success
class
warning-color¶
- warning-color¶
- Type
color
- Default
#ffae00
- Path
plugin.mail.settings.scss
Color to indicate a caution status or action, used with the
.warning
class
alert-color¶
- alert-color¶
- Type
color
- Default
#ec5840
- Path
plugin.mail.settings.scss
Color to indicate a negative status or action, used with the
.alert
class
light-gray¶
- light-gray¶
- Type
color
- Default
#f3f3f3
- Path
plugin.mail.settings.scss
Color used for light gray UI items within Foundation
medium-gray¶
- medium-gray¶
- Type
color
- Default
#cacaca
- Path
plugin.mail.settings.scss
Color used for medium gray UI items within Foundation
dark-gray¶
- dark-gray¶
- Type
color
- Default
#8a8a8a
- Path
plugin.mail.settings.scss
Color used for dark gray UI items within Foundation
black¶
- black¶
- Type
color
- Default
#0a0a0a
- Path
plugin.mail.settings.scss
Color used for black ui items within Foundation
white¶
- white¶
- Type
color
- Default
#fefefe
- Path
plugin.mail.settings.scss
Color used for white ui items within Foundation
header-color¶
- header-color¶
- Type
color
- Default
#444444
- Path
plugin.mail.settings.scss
Headlines color
global-font-color¶
- global-font-color¶
- Type
color
- Default
#444444
- Path
plugin.mail.settings.scss
Text color
header-background-color¶
- header-background-color¶
- Type
color
- Default
#037eab
- Path
plugin.mail.settings.scss
Header background color
body-background¶
- body-background¶
- Type
string
- Default
$light-gray
- Path
plugin.mail.settings.scss
Body background color
container-background-color¶
- container-background-color¶
- Type
string
- Default
$white
- Path
plugin.mail.settings.scss
Container background color
global-width¶
- global-width¶
- Type
string
- Default
600px
- Path
plugin.mail.settings.scss
Container width
global-width-small¶
- global-width-small¶
- Type
string
- Default
95%
- Path
plugin.mail.settings.scss
Container width (small screens)
global-gutter¶
- global-gutter¶
- Type
string
- Default
20px
- Path
plugin.mail.settings.scss
Gutter for grid elements
global-gutter-small¶
- global-gutter-small¶
- Type
string
- Default
$global-gutter
- Path
plugin.mail.settings.scss
Gutter for grid elements (small screens)
global-padding¶
- global-padding¶
- Type
string
- Default
20px
- Path
plugin.mail.settings.scss
Global padding
global-margin¶
- global-margin¶
- Type
string
- Default
16px
- Path
plugin.mail.settings.scss
Global margin
global-radius¶
- global-radius¶
- Type
string
- Default
3px
- Path
plugin.mail.settings.scss
Global radius
global-rounded¶
- global-rounded¶
- Type
string
- Default
500px
- Path
plugin.mail.settings.scss
Global rounded radius of rounded-corners
global-breakpoint¶
- global-breakpoint¶
- Type
string
- Default
$global-width + $global-gutter
- Path
plugin.mail.settings.scss
Global media query to switch from desktop to mobile styles
Content Objects¶
This extension brings two new content object EMOGRIFIER
and SCSS
EMOGRIFIER
is used to transform all given css files to inline styles.
SCSS
is used to transform given scss files to css.
See EXT:mail/Configuration/TypoScript/ContentElements/setup.typoscript
for how to use.