@energycap/components 0.38.4-ECAP-19739-fix-page-view-footer-z-index.20231010-1329 → 0.38.4-ECAP-19826-email-table-styles.20231010-1542
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/energycap-email.min.css +1 -1
- package/esm2020/lib/shared/page/page-view/page-view.component.mjs +2 -2
- package/fesm2015/energycap-components.mjs +2 -2
- package/fesm2015/energycap-components.mjs.map +1 -1
- package/fesm2020/energycap-components.mjs +2 -2
- package/fesm2020/energycap-components.mjs.map +1 -1
- package/package.json +1 -1
- package/src/styles/email/_email-base.scss +55 -3
package/package.json
CHANGED
|
@@ -4,9 +4,11 @@ $ec-color-primary-dark: rgb(26, 26, 35);
|
|
|
4
4
|
$ec-color-secondary-dark: rgba(26, 26, 35, .66);
|
|
5
5
|
$ec-color-interactive: rgb(0, 132, 169);
|
|
6
6
|
$ec-background-color: rgb(255, 255, 255);
|
|
7
|
-
$ec-border-color:
|
|
7
|
+
$ec-border-color: #D6D6D7;
|
|
8
|
+
$ec-border-color-dark: #383840;
|
|
8
9
|
$ec-font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
9
10
|
$green-3: #cfd856;
|
|
11
|
+
$ec-color-danger: rgb(197, 1, 36);
|
|
10
12
|
|
|
11
13
|
@mixin body {
|
|
12
14
|
font-size: 14px;
|
|
@@ -65,6 +67,11 @@ $green-3: #cfd856;
|
|
|
65
67
|
text-decoration: none;
|
|
66
68
|
background-color: transparent;
|
|
67
69
|
}
|
|
70
|
+
|
|
71
|
+
th,
|
|
72
|
+
td {
|
|
73
|
+
text-align: left;
|
|
74
|
+
}
|
|
68
75
|
|
|
69
76
|
a:hover {
|
|
70
77
|
text-decoration: underline;
|
|
@@ -119,6 +126,47 @@ $green-3: #cfd856;
|
|
|
119
126
|
text-align: center;
|
|
120
127
|
border-radius: 6px;
|
|
121
128
|
}
|
|
129
|
+
|
|
130
|
+
.email-table {
|
|
131
|
+
width: 100%;
|
|
132
|
+
border-spacing: 0;
|
|
133
|
+
border-collapse: separate;
|
|
134
|
+
font-size: 12px;
|
|
135
|
+
margin-bottom: 16px;
|
|
136
|
+
|
|
137
|
+
th,
|
|
138
|
+
td {
|
|
139
|
+
height: 32px;
|
|
140
|
+
line-height: 16px;
|
|
141
|
+
padding: 8px;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
th {
|
|
145
|
+
font-weight: normal;
|
|
146
|
+
vertical-align: middle;
|
|
147
|
+
color: $ec-color-secondary-dark;
|
|
148
|
+
border-bottom: 1px solid $ec-border-color-dark;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
td {
|
|
152
|
+
border-top: 1px solid $ec-border-color;
|
|
153
|
+
vertical-align: top;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
th:first-child,
|
|
157
|
+
td:first-child {
|
|
158
|
+
padding-left: 0;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
th:last-child,
|
|
162
|
+
td:last-child {
|
|
163
|
+
padding-right: 0;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
tr:first-child td {
|
|
167
|
+
border-top: 0;
|
|
168
|
+
}
|
|
169
|
+
}
|
|
122
170
|
|
|
123
171
|
img {
|
|
124
172
|
max-width: 100%;
|
|
@@ -127,10 +175,10 @@ $green-3: #cfd856;
|
|
|
127
175
|
|
|
128
176
|
hr {
|
|
129
177
|
height: 0;
|
|
130
|
-
border
|
|
178
|
+
border: 0;
|
|
131
179
|
overflow: visible;
|
|
132
180
|
margin: 16px 0;
|
|
133
|
-
border-
|
|
181
|
+
border-top: 1px solid $ec-border-color;
|
|
134
182
|
}
|
|
135
183
|
|
|
136
184
|
.text-left {
|
|
@@ -158,6 +206,10 @@ $green-3: #cfd856;
|
|
|
158
206
|
color: $ec-color-secondary-dark;
|
|
159
207
|
font-size: 10px;
|
|
160
208
|
}
|
|
209
|
+
|
|
210
|
+
.font-color-danger {
|
|
211
|
+
color: $ec-color-danger;
|
|
212
|
+
}
|
|
161
213
|
}
|
|
162
214
|
|
|
163
215
|
@mixin logos {
|