chore(styles): read css from a file

wix-incubator · Apr 9, 2019 · 4ea2e0a · 4ea2e0a
1 parent 90f32d1
commit 4ea2e0a
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 0 deletions.
diff --git a/assets/styles.css b/assets/styles.css
@@ -0,0 +1,7 @@
+.red {
+  color: red;
+}
+
+.blue {
+  color: blue;
+}
diff --git a/src/email.js b/src/email.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import { readFileSync } from 'fs';
 
 import {
   Mjml,
@@ -14,12 +15,15 @@ import {
   MjmlText
 } from 'mjml-react';
 
+const css = readFileSync('./assets/styles.css').toString();
+
 export const generate = () => {
   return (
     <Mjml>
       <MjmlHead>
         <MjmlTitle>Last Minute Offer</MjmlTitle>
         <MjmlPreview>Last Minute Offer...</MjmlPreview>
+        <MjmlStyle>{css}</MjmlStyle>
         <MjmlStyle>{`
           .blue-column {
             background-color: blue;

diff --git a/src/styles.css b/src/styles.css
@@ -0,0 +1,7 @@
+.red {
+  color: red;
+}
+
+.blue {
+  color: blue;
+}