at the end of the day, it was inevitable

This commit is contained in:
Mo Elzubeir
2022-12-09 08:36:26 -06:00
commit 1218570914
1768 changed files with 887087 additions and 0 deletions
+29
View File
@@ -0,0 +1,29 @@
{#
Header component.
#}
{% set enhanced = themeType == 'enhanced' %}
{%- if enhanced or header.imageUrl is not empty -%}
<header class="email-header">
<div class="email-header-logo">
<a href="{{- header.logoLink -}}">
<img src="{{- header.imageUrl -}}">
</a>
</div>
<div class="email-header-info">
{%- if enhanced -%}
<div class="email-header-info-content">
<div class="email-header-info-title">
{{- header.title -}}
</div>
<div class="email-header-info-date">
{{- 'now'|date('F d, Y H:i') -}}
</div>
</div>
{%- endif -%}
</div>
</header>
{%- endif -%}
+56
View File
@@ -0,0 +1,56 @@
{#
Header component styles.
#}
{%- import _root ~ '/macros.css.twig' as macro -%}
{% set headerHeight = '105px' %}
.email-header {
{%- if themeType == 'plain' -%}
color: white;
{%- if imageUrl != '' -%}height: {{- headerHeight -}};{%- endif -%}
{%- else -%}
height: {{- headerHeight -}};
background: {{- colors.background.header|raw -}};
{%- endif -%}
}
.email-header-logo {
display: inline-block;
height: 100%;
width: 75%;
border: none;
}
.email-header-logo img {
padding-top: 25px;
padding-left: 26px;
vertical-align: top;
}
.email-header-info {
text-align: right;
float: right;
display: inline-block;
width: 25%;
height: 80%;
border: none;
position: relative;
}
.email-header-info-title {
{{- macro.renderFont(fonts.header) -}}
color: {{- colors.text.header|raw -}};
margin-bottom: 5px;
}
.email-header-info-date {
color: {{- colors.background.accent|raw -}};
}
.email-header-info-content {
position: absolute;
right: 20px;
bottom: 0;
}