email integration

* Nest email module with smtp, postmark and console log drivers
* react-email package

packages/transactional/css/styles.ts

@@ -0,0 +1,53 @@
+export const fontFamily = "HelveticaNeue,Helvetica,Arial,sans-serif";
+
+export const main = {
+  backgroundColor: "#edf2f7",
+  fontFamily,
+};
+
+export const container = {
+  maxWidth: "580px",
+  margin: "30px auto",
+  backgroundColor: "#ffffff",
+  borderColor: "#e8e5ef",
+  borderRadius: "2px",
+  borderWidth: "1px",
+  boxShadow: "0 2px 0 rgba(0, 0, 150, 0.025), 2px 4px 0 rgba(0, 0, 150, 0.015)",
+};
+
+export const content = {
+  padding: "5px 20px 10px 20px",
+};
+
+export const paragraph = {
+  fontFamily:
+    "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
+  color: "#333",
+  lineHeight: 1.5,
+  fontSize: 14,
+};
+
+export const h1 = {
+  color: "#333",
+  fontFamily:
+    "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
+  fontSize: "24px",
+  fontWeight: "bold",
+  padding: "0",
+};
+
+export const logo = {
+  display: "flex",
+  justifyContent: "center",
+  alingItems: "center",
+  padding: 4,
+};
+
+export const link = {
+  textDecoration: "underline",
+};
+
+export const footer = {
+  maxWidth: "580px",
+  margin: "0 auto",
+};