Skip to content
Open
3 changes: 3 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,9 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

## Next
* Add properties for padding and width of footer
* Add properties for alignment of image
* Add properties for border of highlighted content

## [1.2.4] - 16.09.2025
* Update conditional style-tags to prevent client-specific padding issue
Expand Down
35 changes: 34 additions & 1 deletion templates/email/properties.js
Original file line number Diff line number Diff line change
Expand Up @@ -58,6 +58,14 @@ module.exports = {
// Elements using highlightedBackgroundColor: highlighted content
highlightBackgroundColor: backgroundMedium,
highlightBackgroundColorDarkMode: backgroundDark,

// highlighted border:
// 'highlighted-border-none'
// 'highlighted-border-primaryColor'
// 'highlighted-border-secondaryColor'
// 'highlighted-border-lightColor'
// 'highlighted-border-darkColor'
highlightedBorder: 'highlighted-border-none',

// Elements using eventBackgroundColor: event
eventBackgroundColor: secondaryColor,
Expand Down Expand Up @@ -190,7 +198,8 @@ module.exports = {

// Footer paddings in px -> (Colored) space above and below the footer content
// Elements using footerBasePadding: footer layout base
footerDarkPadding: 30,
footerDarkPaddingTopBottom: 30,
footerDarkPaddingLeftRight: 4,
// Elements using footerLightPadding: footer layout light
footerLightPadding: 4,

Expand Down Expand Up @@ -325,6 +334,30 @@ module.exports = {
// Elements using alignmentRight: CTA button right aligned
alignmentRight: 'right',

// Image
// 'align-left'
// 'align-center'
// 'align-right'
imageAlign: 'align-center',

// Footer Layout

// Footer allignment
// 'align-footer-left'
// 'align-footer-center'
// 'align-footer-right'
footerAlign: 'align-footer-left',

// Footer vertical allignment
// 'vertical-align-footer-top'
// 'vertical-align-footer-middle'
// 'vertical-align-footer-bottom'
footerValign: 'vertical-align-footer-top',

// Footer width in %
footerWidth: '96%',


/* ============================================================= */
/* Social Media Follow */
/* ============================================================= */
Expand Down